:root{--login-ink:#f6fbff;--login-muted:rgba(225,239,250,.72);--login-line:rgba(255,255,255,.3)}
.login-page{position:relative;display:grid;min-height:100dvh;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);overflow:hidden;background:radial-gradient(circle at 18% 12%,#174f78 0,transparent 33%),radial-gradient(circle at 82% 76%,#126e85 0,transparent 29%),linear-gradient(145deg,#041426 0%,#082b48 47%,#041421 100%);color:var(--login-ink);isolation:isolate}
.login-page::before{content:"";position:absolute;z-index:-3;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 34%,rgba(62,180,236,.05) 68%,transparent);pointer-events:none}.login-page::after{content:"";position:absolute;z-index:10;inset:0;border:1px solid rgba(255,255,255,.1);pointer-events:none}
.login-aurora{position:absolute;z-index:-2;border-radius:50%;filter:blur(4px);opacity:.68;pointer-events:none;animation:login-float 14s ease-in-out infinite alternate}.login-aurora--one{top:-18%;left:33%;width:42vw;height:42vw;background:radial-gradient(circle at 34% 36%,rgba(113,218,255,.46),rgba(42,111,209,.12) 48%,transparent 70%)}.login-aurora--two{right:-12%;bottom:-28%;width:54vw;height:54vw;background:radial-gradient(circle,rgba(70,223,199,.28),rgba(24,89,165,.12) 50%,transparent 70%);animation-delay:-7s}.login-grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(149,210,244,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(149,210,244,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 80%);pointer-events:none}
.login-hero{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:clamp(34px,5.5vw,80px) clamp(34px,7vw,106px);color:#fff}.login-brand{display:flex;align-items:center;gap:18px}.login-brand img{display:block;width:min(250px,42vw);height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.24))}.login-brand span{padding-left:18px;border-left:1px solid rgba(255,255,255,.28);color:rgba(222,239,251,.66);font-size:.62rem;font-weight:750;letter-spacing:.18em}
.login-copy{max-width:760px;margin:auto 0}.login-copy .eyebrow,.login-card-kicker{display:inline-flex;align-items:center;gap:8px;color:#91d9ff;font-size:.7rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.login-copy .eyebrow::before{content:"";width:28px;border-top:2px solid #66c9ff}.login-copy h1{margin:18px 0 22px;font-size:clamp(3rem,6.1vw,6.75rem);font-weight:780;letter-spacing:-.065em;line-height:.91;text-wrap:balance}.login-copy h1 em{color:transparent;background:linear-gradient(105deg,#fff 5%,#8fddff 48%,#86f1d7);background-clip:text;-webkit-background-clip:text;font-style:normal}.login-copy>p{max-width:620px;margin:0;color:var(--login-muted);font-size:clamp(.98rem,1.3vw,1.2rem);line-height:1.7}.login-feature-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.login-feature-row span{padding:8px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 1px 1px 0 rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:rgba(238,248,255,.84);font-size:.68rem;font-weight:700}
.login-footer{display:flex;align-items:center;gap:9px;color:rgba(225,240,250,.55);font-size:.68rem;font-weight:650}.login-status-dot{width:7px;height:7px;border-radius:50%;background:#65e5bb;box-shadow:0 0 0 4px rgba(101,229,187,.11),0 0 16px rgba(101,229,187,.65)}
.login-panel{position:relative;display:grid;place-items:center;padding:clamp(22px,4vw,58px);background:transparent}.login-card{position:relative;width:min(430px,100%);overflow:hidden;padding:clamp(30px,4vw,48px);border:1px solid var(--login-line);border-radius:34px;background:linear-gradient(145deg,rgba(246,251,255,.2),rgba(212,235,249,.085));box-shadow:inset 1px 1px 0 rgba(255,255,255,.58),inset -1px -1px 0 rgba(105,159,197,.1),0 34px 90px rgba(0,11,22,.42);-webkit-backdrop-filter:blur(34px) saturate(180%);backdrop-filter:blur(34px) saturate(180%)}.login-card::before{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.13);border-radius:32px;pointer-events:none}.login-card-glow{position:absolute;top:-160px;left:-80px;width:320px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(176,229,255,.25),transparent 70%);pointer-events:none}.login-card-icon{position:relative;display:grid;width:68px;height:68px;margin-bottom:28px;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(104,177,222,.12));box-shadow:inset 1px 1px 0 rgba(255,255,255,.62),0 12px 30px rgba(0,20,40,.22)}.login-card-icon img{width:46px;height:46px;object-fit:contain}.login-card h2{position:relative;margin:10px 0 8px;color:#fff;font-size:clamp(1.8rem,3vw,2.45rem);letter-spacing:-.035em}.login-card>p{position:relative;margin:0 0 28px;color:rgba(225,239,249,.7);font-size:.88rem;line-height:1.55}
.google-button{position:relative;display:grid;width:100%;min-height:56px;grid-template-columns:32px 1fr 32px;align-items:center;padding:8px 12px;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(225,241,251,.88));box-shadow:inset 1px 1px 0 #fff,0 12px 30px rgba(0,15,29,.26);color:#123b5b;font-size:.86rem;font-weight:820;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.google-button:hover{background:#fff;box-shadow:inset 1px 1px 0 #fff,0 16px 36px rgba(0,15,29,.32);transform:translateY(-2px)}.google-button:active{transform:scale(.985)}.google-button:focus-visible{outline:3px solid rgba(113,205,255,.8);outline-offset:3px}.google-mark{display:grid;width:30px;height:30px;place-items:center;border:1px solid #d8e2e9;border-radius:10px;background:#fff;color:#4285f4;font:900 1rem/1 system-ui;box-shadow:0 3px 9px rgba(25,61,90,.12)}.login-button-arrow{font-size:1.15rem;transition:transform .16s ease}.google-button:hover .login-button-arrow{transform:translateX(3px)}
.login-card .form-message{margin:14px 0 0;padding:10px 12px;border:1px solid rgba(255,174,166,.4);border-radius:12px;background:rgba(99,21,18,.42);color:#ffe6e3}.login-card .safety-notice{display:grid;gap:4px;margin:25px 0 0;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(2,25,43,.2);color:rgba(222,238,248,.68);font-size:.68rem;line-height:1.45}.login-card .safety-notice strong{color:rgba(245,251,255,.9);font-size:.7rem}.login-privacy{margin-top:20px;color:rgba(218,236,248,.46);font-size:.61rem;text-align:center}
@keyframes login-float{from{transform:translate3d(-3%,-2%,0) scale(.96)}to{transform:translate3d(4%,3%,0) scale(1.08)}}
@media(max-width:900px){.login-page{grid-template-columns:1fr;overflow:auto}.login-hero{min-height:auto;padding:24px 24px 12px}.login-brand img{width:190px}.login-brand span,.login-feature-row,.login-footer{display:none}.login-copy{margin:clamp(50px,10vh,92px) 0 20px}.login-copy h1{max-width:650px;font-size:clamp(2.7rem,10vw,5.2rem)}.login-copy>p{max-width:580px}.login-panel{padding:16px 18px max(30px,env(safe-area-inset-bottom))}.login-card{width:min(560px,100%);padding:28px;border-radius:28px}.login-card-icon{width:58px;height:58px;margin-bottom:20px;border-radius:18px}.login-card-icon img{width:40px;height:40px}}
@media(max-width:520px){.login-page{background:radial-gradient(circle at 20% 8%,#174f78,transparent 38%),linear-gradient(155deg,#041426,#082b48 60%,#041421)}.login-hero{padding-inline:20px}.login-brand img{width:165px}.login-copy{margin:42px 0 10px}.login-copy .eyebrow{font-size:.6rem}.login-copy h1{margin:13px 0 16px;font-size:clamp(2.45rem,13vw,4rem);line-height:.94}.login-copy>p{font-size:.88rem;line-height:1.55}.login-panel{place-items:start center;padding:10px 14px max(22px,env(safe-area-inset-bottom))}.login-card{padding:24px 20px;border-radius:25px}.login-card-icon{display:none}.login-card h2{font-size:1.75rem}.google-button{min-height:54px;border-radius:16px}.login-card .safety-notice{margin-top:20px}.login-privacy{margin-top:15px}}
@media(max-width:900px){.login-page{width:100%;max-width:100vw;overflow-x:hidden;overflow-y:auto}.login-panel{min-width:0}}
@media(prefers-reduced-motion:reduce){.login-aurora{animation:none}.google-button,.login-button-arrow{transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.login-card{background:rgba(16,51,77,.97)}.login-feature-row span{background:#183f5e}}
.login-page{background:#5ab4de}
.login-clouds{position:fixed;z-index:-4;inset:0;overflow:hidden;background:#5ab4de;pointer-events:none}
.login-clouds canvas{display:block;width:100%!important;height:100%!important}
.login-page::before{z-index:-2;background:linear-gradient(90deg,rgba(2,20,36,.72),rgba(3,28,49,.38) 53%,rgba(3,22,38,.48))}
.login-copy h1{max-width:820px}
.login-card .safety-notice{display:block}
@media(max-width:900px){.login-page::before{background:linear-gradient(180deg,rgba(2,20,36,.58),rgba(3,28,49,.3) 48%,rgba(3,22,38,.5))}}