.lg{--ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, sans-serif;font-family:var(--ui);justify-content:center;align-items:center;padding:20px;transition:background .4s;display:flex;position:fixed;inset:0;overflow:hidden}.lg.light{--cream:#fbf8f3;--brown:#302019;--ink3:#30201980;--hair:#3020191f;--splash-overlay:transparent;--sub-color:var(--ink3);--logo-shadow:0 14px 30px #30201924;--logo-glow:drop-shadow(var(--gx) var(--gy) 26px #3020192e);--logo-glow-hover:drop-shadow(var(--gx) var(--gy) 34px #30201947);--card-bg:#ffffff9e;--card-border:var(--hair);--card-shadow:inset 0 1px 0 #ffffffb3, 0 22px 60px #3020191f;--label-color:var(--ink3);--input-bg:#ffffffb3;--input-border:var(--hair);--input-color:var(--brown);--input-focus-bg:#fffffff2;--input-focus-border:#30201966;--input-focus-ring:#30201912;--input-autofill:#ffffffeb;--btn-bg:linear-gradient(160deg, #302019 0%, #211712 100%);--btn-color:var(--cream);--btn-border:#211712e6;--btn-shadow:inset 0 1px 0 #fbf8f338, 0 10px 26px #2117122e;--btn-shadow-hover:inset 0 1px 0 #fbf8f342, 0 14px 32px #21171238;--err-color:#b0402e;--toggle-bg:#ffffffa8;--toggle-border:var(--hair);--toggle-color:var(--brown);background:radial-gradient(120% 100% at 50% -10%,#fff 0%,#fbf8f3 55%,#f2ebdf 100%)}.lg.light:before,.lg.light:after{content:"";z-index:0;pointer-events:none;filter:blur(70px);border-radius:50%;position:fixed}.lg.light:before{background:#d8bd92a6;width:460px;height:460px;top:-130px;right:-70px}.lg.light:after{background:#c26a554d;width:380px;height:380px;bottom:-110px;left:-90px}.lg.dark{--cream:#fbf8f3;--brown:#1b110b;--splash-overlay:transparent;--sub-color:#f5ede2a8;--logo-shadow:0 0 30px #f5ede261;--logo-glow:drop-shadow(var(--gx) var(--gy) 30px #f5ede273);--logo-glow-hover:drop-shadow(var(--gx) var(--gy) 44px #f5ede2bf);--card-bg:#0c070485;--card-border:#fbf8f326;--card-shadow:inset 0 1px 0 #fbf8f32e, 0 30px 80px #0000008c;--label-color:#f5ede294;--input-bg:#10090599;--input-border:#fbf8f326;--input-color:var(--cream);--input-focus-bg:#100905d9;--input-focus-border:#dcbd8f66;--input-focus-ring:#dcbd8f1a;--input-autofill:#140b06;--btn-bg:#dcbd8f12;--btn-color:var(--cream);--btn-border:#dcbd8f3d;--btn-shadow:inset 0 1px 0 #fbf8f31a;--btn-shadow-hover:inset 0 1px 0 #fbf8f324, 0 0 14px #dcbd8f1a;--err-color:#e6a18f;--toggle-bg:#f5ede20f;--toggle-border:#f5ede229;--toggle-color:var(--cream);background:radial-gradient(130% 120% at 50% -10%,#1c110a 0%,#0d0703 55%,#050201 100%)}.lg-particles{z-index:0;position:absolute;inset:0}.lg-particles canvas{width:100%;height:100%;display:block}.lg-toggle{z-index:10;cursor:pointer;background:var(--toggle-bg);width:40px;height:40px;color:var(--toggle-color);border:1px solid var(--toggle-border);-webkit-backdrop-filter:blur(20px);border-radius:11px;place-items:center;font-size:17px;line-height:1;transition:transform .15s,background .2s;display:grid;position:fixed;top:22px;right:22px}.lg-toggle:hover{transform:translateY(-1px)}.lg-splash{z-index:5;background:var(--splash-overlay);justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:absolute;inset:0}.lg-splash.out{opacity:0;pointer-events:none}.lg-splash-inner{text-align:center}.lg-splash-logo{width:clamp(210px,42vw,340px);height:auto;margin:0 auto;animation:1.5s cubic-bezier(.2,1,.36,1) both lg-splash-logo}@keyframes lg-splash-logo{0%{opacity:0;filter:blur(9px);transform:scale(.8)}to{opacity:1;filter:blur(0) drop-shadow(var(--logo-shadow));transform:scale(1)}}.lg-splash-sub{color:var(--sub-color);letter-spacing:.16em;text-transform:uppercase;opacity:0;margin-top:20px;font-size:13px;font-weight:700;animation:1.1s .1s both lg-splash-sub}@keyframes lg-splash-sub{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lg-stage{z-index:1;opacity:0;flex-direction:column;align-items:center;width:100%;max-width:396px;transition:opacity .8s .15s,transform .8s .15s;display:flex;position:relative;transform:translateY(10px)}.lg-stage.in{opacity:1;transform:none}.lg-logo{--gx:0px;--gy:0px;width:clamp(190px,34vw,264px);height:auto;filter:var(--logo-glow);cursor:pointer;margin-bottom:28px;transition:filter .25s}.lg-logo:hover{filter:var(--logo-glow-hover)}.lg-card{background:var(--card-bg);-webkit-backdrop-filter:blur(40px)saturate(160%);border:1px solid var(--card-border);width:100%;box-shadow:var(--card-shadow);border-radius:16px;padding:34px 32px}.lg-label{letter-spacing:.08em;text-transform:uppercase;color:var(--label-color);margin:16px 0 7px;font-size:10.5px;font-weight:700;display:block}.lg-input{box-sizing:border-box;border:1px solid var(--input-border);width:100%;font-family:var(--ui);color:var(--input-color);background:var(--input-bg);border-radius:9px;outline:none;padding:13px 14px;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s}.lg-input::placeholder{color:var(--label-color)}.lg-input:focus{border-color:var(--input-focus-border);background:var(--input-focus-bg);box-shadow:0 0 0 3px var(--input-focus-ring)}.lg-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--input-autofill) inset;-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);border:1px solid var(--input-border);transition:background-color 9999s ease-in-out}.lg-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--input-autofill) inset;-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);border:1px solid var(--input-border);transition:background-color 9999s ease-in-out}.lg-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--input-autofill) inset;-webkit-text-fill-color:var(--input-color);caret-color:var(--input-color);border:1px solid var(--input-border);transition:background-color 9999s ease-in-out}.lg-btn{background:var(--btn-bg);width:100%;color:var(--btn-color);border:1px solid var(--btn-border);font-family:var(--ui);letter-spacing:0;box-shadow:var(--btn-shadow);cursor:pointer;border-radius:10px;margin-top:26px;padding:14px;font-size:14px;font-weight:600;transition:transform .14s,box-shadow .3s}.lg-btn:hover{box-shadow:var(--btn-shadow-hover);transform:translateY(-1px)}.lg-btn:active{transform:translateY(0)}.lg-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.lg-err{color:var(--err-color);text-align:center;margin-top:14px;font-size:13px}.lg-dev{color:#8a6a2e;width:100%;font-family:var(--ui);letter-spacing:.02em;cursor:pointer;background:#b0854a1f;border:1px dashed #b0854a73;border-radius:10px;margin-top:12px;padding:11px;font-size:12.5px;font-weight:700;transition:background .18s}.lg.dark .lg-dev{color:#d8bd8f;background:#dcbd8f14}.lg-dev:hover{background:#b0854a33}