.login{z-index:50;color:#fff;font-family:var(--font);grid-template-columns:1fr minmax(360px,440px);align-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.sky{align-items:center;transition:background 2s;display:flex;position:absolute;inset:0}.sky--late,.sky--night{background:radial-gradient(120% 90% at 30% 110%,#2a3a6e 0%,#141b3a 45%,#070a1c 100%)}.sky--dawn{background:linear-gradient(#232650 0%,#6a4c7c 38%,#e88b6e 72%,#f9cf9c 100%)}.sky--morning{background:linear-gradient(#2f7fd0 0%,#63aee6 45%,#bfe3f7 100%)}.sky--afternoon{background:linear-gradient(#1f6fc7 0%,#4d9fe0 50%,#a9d6f3 100%)}.sky--evening{background:linear-gradient(#2b2457 0%,#7a3f6f 36%,#e06b52 70%,#f6b366 100%)}.sky__stars{transition:opacity 2s;position:absolute;inset:0}.star{background:#fff;border-radius:50%;animation:5s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 4px #fffc}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:1}}.sky__body{aspect-ratio:1;border-radius:50%;width:clamp(56px,7vw,96px);transition:left 1.6s cubic-bezier(.3,.7,.2,1),bottom 1.6s cubic-bezier(.3,.7,.2,1),background 2s,box-shadow 2s;position:absolute;transform:translate(-50%,50%)}.sky__body--sun{background:radial-gradient(circle at 40% 40%,#fff8d6 0%,#ffd66b 45%,#ffb347 100%);box-shadow:0 0 60px 20px #ffc85a8c,0 0 160px 60px #ffaa3c40}.sky--dawn .sky__body--sun,.sky--evening .sky__body--sun{background:radial-gradient(circle at 40% 40%,#ffe3b0 0%,#ff9a5a 60%,#f26b4a 100%);box-shadow:0 0 70px 26px #ff825080,0 0 200px 80px #f0644640}.sky__body--moon{background:radial-gradient(circle at 35% 35%,#fff 0%,#e6ebf5 55%,#c4cbe0 100%);box-shadow:0 0 40px 10px #c8d7ff59}.sky__body--moon:after{content:"";filter:blur(1px);background:#0a10288c;border-radius:50%;position:absolute;inset:-2px -2px -2px 22%}.sky__clouds{pointer-events:none;position:absolute;inset:0}.cloud{filter:blur(2px);background:#ffffff8c;border-radius:40px;height:38px;animation:linear infinite drift;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:60px;height:60px;top:-28px;left:22px}.cloud:after{width:44px;height:44px;top:-18px;left:70px}.cloud--1{width:150px;animation-duration:120s;animation-delay:-30s;top:9%}.cloud--2{opacity:.8;width:110px;animation-duration:160s;animation-delay:-90s;top:17%}.cloud--3{opacity:.6;width:190px;animation-duration:200s;animation-delay:-150s;top:4%}.sky--night .cloud,.sky--late .cloud{background:#8c96be2e}.sky--evening .cloud,.sky--dawn .cloud{background:#ffd2be73}@keyframes drift{0%{transform:translate(-30vw)}to{transform:translate(130vw)}}.sky__city{width:100%;height:19vh;position:absolute;bottom:0;left:0;right:0}.tower{fill:#0c1228d1;transition:fill 2s}.tower--far{fill:#0c12288c}.sky--morning .tower,.sky--afternoon .tower{fill:#14325f6b}.sky--morning .tower--far,.sky--afternoon .tower--far{fill:#14325f38}.sky--dawn .tower,.sky--evening .tower{fill:#281636b8}.sky--dawn .tower--far,.sky--evening .tower--far{fill:#28163673}.window{fill:#ffd98a;opacity:.85;animation:9s ease-in-out infinite flicker}@keyframes flicker{0%,92%,to{opacity:.85}95%{opacity:.4}}.welcome{z-index:2;text-shadow:0 2px 6px #0000002e,0 6px 30px #00000038;width:min(62%,760px);padding:0 clamp(24px,6vw,96px) 12vh;animation:.9s cubic-bezier(.2,.7,.2,1) both rise;position:relative}.welcome__eyebrow{letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin:0 0 10px;font-size:14px}.welcome__greeting{color:#fff;letter-spacing:-.03em;margin:0;font-size:clamp(2.4rem,5.4vw,4.6rem);font-weight:700;line-height:1.05}.welcome__line{opacity:.92;max-width:34ch;margin:14px 0 0;font-size:clamp(1.05rem,1.6vw,1.3rem)}.welcome__clock{font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;margin:28px 0 0;display:flex}.welcome__time{letter-spacing:-.01em;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:300}.welcome__seconds{opacity:.6;min-width:2ch;font-size:14px}.welcome__zone{opacity:.75;border:1px solid #ffffff59;border-radius:999px;padding:3px 10px;font-size:13px}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.signin{z-index:2;color:#16191d;-webkit-backdrop-filter:blur(18px)saturate(1.3);background:#ffffffd1;border:1px solid #fff9;border-radius:20px;grid-column:2;margin:24px clamp(16px,4vw,56px) 24px 0;padding:32px 30px 26px;animation:.9s cubic-bezier(.2,.7,.2,1) .15s both rise;position:relative;box-shadow:0 30px 80px #080c1e59}@media (prefers-color-scheme:dark){.signin{color:#e8eaed;background:#161a22c7;border-color:#ffffff14}}.signin__brand{letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:22px;font-weight:700;display:flex}.signin__mark{color:#fff;background:linear-gradient(135deg,#0b6e4f,#3ccf9a);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.signin__title{letter-spacing:-.02em;margin:0 0 6px;font-size:1.45rem}.signin__notyou{color:var(--muted);margin:0 0 14px;font-size:14px}.signin__link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.signin__notice{background:var(--accent-soft);border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:14px}.signin__body{margin-top:14px}.signin__error{background:var(--danger-soft);border:1px solid var(--danger);border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px;animation:.35s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.signin__label{margin-bottom:6px;font-size:13px;font-weight:600}.signin__field{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:2px;padding:2px 4px 2px 2px;transition:border-color .15s,box-shadow .15s;display:flex}.signin__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.signin__field input{background:0 0;border:0;flex:1;width:auto;min-width:0;padding:11px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.signin__field input:focus{outline:none}.signin__icon{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.signin__icon:hover{background:var(--surface-2);color:var(--text)}.signin__help{color:var(--muted);min-height:2.6em;margin:8px 0 18px;font-size:13px}.signin__submit{cursor:pointer;color:#fff;width:100%;font:inherit;background:linear-gradient(135deg,#0b6e4f,#12936a);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:650;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 20px #0b6e4f4d}.signin__submit:hover{transform:translateY(-1px);box-shadow:0 12px 26px #0b6e4f59}.signin__submit[disabled]{opacity:.8;cursor:progress;transform:none}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.signin__quick{margin-top:20px}.signin__divider{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:12px;display:flex}.signin__divider:before,.signin__divider:after{content:"";background:var(--border);flex:1;height:1px}.signin__quick-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.signin__ghost{text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;gap:2px;padding:12px;transition:border-color .15s,transform .15s;display:flex}.signin__ghost:hover{border-color:var(--accent);transform:translateY(-1px)}.signin__ghost[disabled]{opacity:.6;cursor:progress}.signin__ghost-title{font-size:14px;font-weight:650}.signin__ghost-sub{color:var(--muted);font-size:12px}.signin__foot{color:var(--muted);margin:22px 0 0;font-size:12px;line-height:1.5}.signin__sso{gap:8px;margin:4px 0 0;display:grid}.signin__sso form{margin:0}.signin__submit--sso{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border-strong)}.signin__submit--sso:hover{background:var(--surface-2)}.signin__or{text-align:center;color:var(--muted);margin:4px 0;font-size:12px}@media (max-width:860px){.login{grid-template-rows:max(320px,46vh) auto;grid-template-columns:minmax(0,1fr);align-items:stretch;position:fixed;overflow-y:auto}.sky{align-items:flex-end;height:max(320px,46vh);position:absolute;inset:0 0 auto}.welcome{width:100%;padding:28px 22px 44px}.welcome__clock{margin-top:16px}.sky__city{height:14vh}.sky__body{width:44px}.signin{grid-area:2/1;min-width:0;margin:-20px 12px 24px;padding:26px 20px 22px}.signin__quick-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.star,.cloud,.window,.welcome,.signin,.signin__error,.spinner{animation:none!important}.sky,.sky__body,.tower,.sky__stars{transition:none!important}}.signin__label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.signin__label-row .signin__link{font-size:13px}.signin__sub{color:var(--muted);margin:-6px 0 18px;line-height:1.5}.signin__alt{margin-top:14px;font-size:14px;font-weight:600;display:inline-block}.signin__code{letter-spacing:.3em;font-variant-numeric:tabular-nums;font-size:20px}.signin__steps{gap:12px;margin:0 0 18px;padding-left:20px;line-height:1.5;display:grid}.signin__qr{border:1px solid var(--border);background:#fff;border-radius:12px;width:176px;height:176px;margin-top:10px;padding:8px;display:block}.signin__qr svg{width:100%;height:100%;display:block}.signin__key{background:var(--surface-2);letter-spacing:.06em;word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:8px;margin-top:6px;padding:8px 10px;font-size:14px;display:block}.signin__dev{border-top:1px dashed var(--border);margin-top:26px;padding-top:16px}.signin__dev>summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:600}.signin__dev[open]>summary{margin-bottom:14px}.signin__dev .signin__quick-row{margin-top:14px}