*{box-sizing:border-box}.login-page{--cream:#f4f1ed;background:var(--cream);color:#101112;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.login-stage{height:158vh;position:relative}.login-hero{height:100svh;min-height:620px;transform:scale(calc(1 - var(--shrink)*.055));border-radius:calc(var(--shrink)*30px);transform-origin:50%;box-shadow:0 calc(var(--shrink)*30px) calc(var(--shrink)*65px) #06101833;background:#0c1a22 url(/media/login-surf-school.webp) 50%/cover no-repeat;position:sticky;top:0;overflow:hidden}.login-shade{background:linear-gradient(#0000 45%,#02080c94),#040b100f;position:absolute;inset:0}.login-brand{z-index:2;color:#fff;letter-spacing:.35em;font-size:20px;font-weight:800;text-decoration:none;position:absolute;top:42px;left:5.5vw}.login-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0bc7;border-radius:999px;gap:4px;padding:6px;display:flex;position:fixed;top:25px;right:2.4vw;box-shadow:0 14px 35px #0003}.login-nav a{color:#fff;white-space:nowrap;border-radius:999px;padding:12px 15px;font-size:13px;text-decoration:none}.login-nav .login-demo{color:#111;background:#fff;padding-inline:19px}.login-dock{z-index:3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;text-align:left;cursor:pointer;background:#080a0bd9;border:0;border-radius:999px;justify-content:space-between;align-items:center;width:min(420px,42vw);padding:11px 11px 11px 20px;display:flex;position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}.login-dock span{gap:3px;display:grid}.login-dock b{font-size:13px}.login-dock small{color:#999;font-size:10px}.login-dock i{color:#111;background:#fff;border-radius:999px;padding:9px 14px;font-size:11px;font-style:normal}.login-footer{text-align:center;flex-direction:column;align-items:center;min-height:68vh;padding:90px 7vw 35px;display:flex}.login-footer img{object-fit:contain;width:92px;height:92px}.login-footer h2{letter-spacing:-.055em;margin:22px 0;font-size:clamp(44px,6vw,92px);font-weight:400;line-height:.92}.login-footer p{color:#737373;font-size:18px}.login-footer>button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:999px;margin:15px 0 65px;padding:16px 22px;font-size:14px}.login-footer div{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.login-footer div a{color:#111;border:1px solid #cfcac4;border-radius:999px;padding:10px 15px;font-size:13px;text-decoration:none}.login-footer>small{text-align:left;color:#888;border-top:1px solid #d9d4ce;width:100%;margin-top:55px;padding-top:24px}.login-overlay{z-index:100;-webkit-backdrop-filter:blur();backdrop-filter:blur();pointer-events:none;background:0 0;transition:all .45s;position:fixed;inset:0}.login-overlay.is-open{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#050708a1}.login-sheet{color:#fff;background:#0c0d0e;border-radius:30px 30px 0 0;grid-template-columns:1fr minmax(360px,520px);align-items:center;gap:8vw;min-height:75vh;padding:clamp(55px,6vw,90px) clamp(24px,8vw,140px);transition:transform .65s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;bottom:0;left:0;right:0;transform:translateY(102%)}.is-open .login-sheet{transform:translateY(0)}.login-close{color:#fff;cursor:pointer;background:#000;border:0;border-radius:50%;width:52px;height:52px;font-size:30px;position:absolute;top:25px;right:28px}.login-welcome>span,.login-sheet form>span{letter-spacing:.2em;color:#888;font-size:10px;font-weight:700}.login-welcome h2{letter-spacing:-.055em;margin:18px 0 26px;font-size:clamp(48px,6vw,88px);font-weight:400;line-height:.9}.login-welcome>p{color:#999;max-width:500px;margin-bottom:45px;font-size:18px;line-height:1.5}.login-welcome>div{border-top:1px solid #303234;grid-template-columns:42px 1fr;padding:16px 0;display:grid}.login-welcome>div b{color:#666;font-size:11px}.login-welcome>div span{color:#bbb}.login-sheet form{color:#fff;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;padding:34px;display:flex;box-shadow:0 35px 80px #0007}.login-sheet form h3{letter-spacing:-.04em;margin:12px 0 30px;font-size:36px;font-weight:400}.login-sheet label{gap:9px;margin-bottom:17px;font-size:12px;display:grid}.login-sheet label>span{justify-content:space-between;display:flex}.login-sheet label a,.login-sheet form small a{color:#fff}.login-sheet input{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff1;border:1px solid #ffffff21;border-radius:13px;outline:none;width:100%;padding:16px;font-size:15px}.login-sheet input::placeholder{color:#ffffff62}.login-sheet input:focus{background:#ffffff17;border-color:#ffffff80}.login-sheet form>button{color:#111;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-content:space-between;margin-top:8px;padding:17px 20px;font-size:14px;display:flex}.login-sheet form>small{text-align:center;color:#888;margin-top:20px}.login-notice{color:#bbb;background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;padding:12px;font-size:12px;line-height:1.45}@media (max-width:800px){.login-nav a:not(.login-demo){display:none}.login-nav{top:16px;right:16px}.login-brand{font-size:15px;top:28px;left:22px}.login-dock{width:auto;bottom:20px;left:18px;right:18px;transform:none}.login-stage{height:145vh}.login-sheet{grid-template-columns:1fr;max-height:92vh;padding:72px 20px 30px;overflow:auto}.login-welcome{display:none}.login-sheet form{padding:26px}.login-footer{padding-inline:24px}}@media (prefers-reduced-motion:reduce){.login-hero{transform:none}.login-overlay,.login-sheet{transition:none}}.login-nav{position:absolute}.login-page{--cream:#050607;color:#fff;background:#050607}.login-hero{background-color:#050607}.login-shade{background:linear-gradient(#0000 38%,#02080c6b 72%,#050607e6 92%,#050607 100%),#040b100d}.login-scroll{z-index:3;color:#fff;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 12px #000;flex-direction:column;align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.login-scroll i{border:1px solid #ffffff50;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;animation:1.8s ease-in-out infinite loginBounce;display:grid}@keyframes loginBounce{50%{transform:translateY(6px)}}.login-footer{color:#fff;background:#050607}.login-footer h2{color:#fff}.login-footer p{color:#85888a}.login-footer>button{color:#111;background:#fff}.login-footer div a{color:#d9d9d9;border-color:#333638}.login-footer>small{color:#676a6c;border-color:#242628}.login-page .wordmark img,.login-footer img{filter:brightness(0)invert()}.login-page .wordmark{color:#fff}.login-page .topbar{z-index:61}.login-page .nav-pill{z-index:62}@media (max-width:800px){.login-hero{background-position:66%;background-repeat:no-repeat;background-size:auto 100%}.login-shade{background:linear-gradient(#02080c14 0%,#02080c2e 58%,#050607d1 90%,#050607 100%)}}.login-page .login-stage{height:100svh}.login-page .login-hero{transform:scale(.985)}.login-page .login-overlay{pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0406078c}.login-page .login-sheet{background:#0b0e0f;border-radius:30px 30px 0 0;min-height:0;max-height:92vh;padding-top:clamp(46px,5vw,70px)}.login-page .login-close{color:#fff;background:#1b2022;border:0;border-radius:50%;width:46px;height:46px}.login-page .login-close:hover{background:#262c2e}.login-page a.login-close{place-items:center;font-size:24px;line-height:1;text-decoration:none;display:grid}