@import"https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f7fa;--surface: #ffffff;--nav-bg: #ffffff;--blue: #63b8f5;--blue-dark: #3fa3ee;--text: #1a1a2e;--muted: #6b7280;--border: #e5e7eb;--error: #ef4444;--radius: 12px;--font: "Host Grotesk", system-ui, sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.page{display:flex;flex-direction:column;min-height:100vh}.nav{background:var(--nav-bg);border-bottom:1px solid var(--border);padding:0 32px;height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.nav__brand{display:flex;align-items:center;flex-shrink:0;text-decoration:none;justify-self:start}.nav__logo{height:22px;width:auto}.nav__links{display:flex;align-items:center;gap:32px}.nav__link{font-size:.9rem;font-weight:600;color:var(--text);text-decoration:none;white-space:nowrap;transition:color .15s}.nav__link:hover{color:var(--blue)}.nav__icons{display:flex;align-items:center;gap:4px;justify-self:end}.nav__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;color:var(--text);text-decoration:none;transition:background .15s,color .15s}.nav__icon-btn:hover{background:#f3f4f6;color:var(--blue)}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 16px}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:40px 36px;width:100%;max-width:600px;box-shadow:0 4px 24px #0000000f;text-align:center}.card__icon{display:inline-flex;margin-bottom:20px}.card__emoji{font-size:2.5rem;line-height:1}.card__title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:8px}.card__sub{font-size:.9rem;color:var(--muted);line-height:1.55;margin-bottom:28px}.form{display:flex;flex-direction:column;gap:16px;text-align:left}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:.75rem;font-weight:600;color:var(--text);letter-spacing:.05em;text-transform:uppercase}.field__input{width:100%;padding:12px 14px;font-family:var(--font);font-size:.95rem;color:var(--text);background:#fafafa;border:1.5px solid var(--border);border-radius:8px;outline:none;transition:border-color .15s}.field__input::placeholder{color:#b0b7c3}.field__input:focus{border-color:var(--blue);background:#fff}.field__input--error{border-color:var(--error)}.field__error{font-size:.8rem;color:var(--error)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;font-family:var(--font);font-size:.95rem;font-weight:600;color:#fff;background:var(--blue);border:none;border-radius:8px;cursor:pointer;transition:background .15s,transform .1s}.btn:hover{background:var(--blue-dark)}.btn:active{transform:scale(.98)}.card__help{margin-top:24px;font-size:.8rem;color:var(--muted);line-height:1.6}.link{color:var(--blue);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.footer{padding:20px;text-align:center;font-size:.78rem;color:var(--muted);border-top:1px solid var(--border)}.nav--desktop{display:grid}.nav--mobile{display:none}@media(max-width:768px){.nav--desktop{display:none}.nav--mobile{display:flex;align-items:center;justify-content:space-between;background:var(--nav-bg);border-bottom:1px solid var(--border);padding:0 16px;height:56px;position:relative}.nav__hamburger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:6px;cursor:pointer;color:var(--text);flex-shrink:0;transition:background .15s}.nav__hamburger:hover{background:#f3f4f6}.nav__brand--centered{position:absolute;left:50%;transform:translate(-50%)}.mobile-menu{background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-direction:column;box-shadow:0 4px 12px #00000014}.mobile-menu__link{padding:14px 20px;font-size:.95rem;font-weight:600;color:var(--text);text-decoration:none;border-bottom:1px solid #f3f4f6;transition:background .12s}.mobile-menu__link:hover{background:#f9fafb}.mobile-menu__divider{height:1px;background:var(--border);margin:4px 0}.card{padding:28px 20px;border-radius:10px}}