body { font-family: -apple-system, "Segoe UI", Arial, sans-serif; background: #0d2847; min-height: 100vh; padding: 40px 20px; }
.portal { max-width: 420px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 8px; text-align: center; }
.wifi-icon { font-size: 56px; }
.portal h1 { font-size: 24px; margin: 8px 0; }
.sub { color: #666; font-size: 13px; }
.speed { background: #e8f5e9; color: #1b5e20; padding: 8px; border-radius: 4px; margin: 14px 0; font-size: 13px; font-weight: 600; }
.portal p { font-size: 14px; line-height: 1.5; margin: 10px 0; text-align: left; }
.social { display: flex; flex-direction: column; gap: 8px; margin: 14px 0; }
.s-btn { padding: 12px; border: none; border-radius: 4px; font-size: 14px; font-weight: 600; cursor: pointer; color: #fff; }
.fb { background: #1877f2; } .gg { background: #db4437; } .em { background: #5e6b7a; }
.fine { font-size: 11px; color: #999; margin-top: 14px; text-align: center; }