.loginPage,.loginPage *{box-sizing:border-box}.loginPage{--bg1:#112033;--bg2:#0f1b2b;--brand1:#3b82f659;--brand2:#3b82f626;--text:#e9ecf3;--muted:#b3bbcd;--glass:#ffffff14;--border:#ffffff1f;--whiteGradStart:#fff;--whiteGradMid:#ffffffb3;--whiteGradEnd:#fff;min-height:100vh;color:var(--text);background:radial-gradient(80% 120% at 0% 0%, var(--brand1), transparent 60%), radial-gradient(80% 120% at 100% 100%, var(--brand2), transparent 60%), linear-gradient(180deg, var(--bg1), var(--bg2));margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow-x:hidden}.loginPage button,.loginPage input{font:inherit}.loginPage:before{content:"";z-index:0;pointer-events:none;opacity:1;background:radial-gradient(120% 140% at 50% 10%,#000000a8,#000000c7 45%,#000000db 100%);transition:opacity .6s;position:fixed;inset:0}.loginPage.day:before{opacity:0}.loginPage:after{content:"";z-index:0;pointer-events:none;filter:saturate(120%);background-image:radial-gradient(120% 80% at 50% 0,#3b82f633 0%,#3b82f61f 35%,#0000 70%),radial-gradient(160% 100% at 50% 0,#22d3ee29 0%,#0000 65%),conic-gradient(from 250deg at 50% 100%,#60a5fa1a,#22d3ee14,#0000 60%);background-position:bottom;background-repeat:no-repeat;background-size:cover;height:120vh;position:fixed;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#00000059 25%,#000000d9 45%,#000 70%);mask-image:linear-gradient(#0000 0%,#00000059 25%,#000000d9 45%,#000 70%)}.loginPage .wrap{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:44px 16px;display:flex;position:relative}.loginPage.day .wrap{padding-bottom:230px}.loginPage .stage{justify-content:center;align-items:center;gap:0;width:100%;max-width:1080px;transition:gap .5s;display:flex}.loginPage.day .stage{gap:28px}.loginPage .card{border:1px solid var(--border);opacity:1;background:var(--glass);-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);border-radius:20px;width:100%;max-width:560px;padding:24px 20px 28px;transition:max-width .6s cubic-bezier(.2,.7,.2,1),padding .6s cubic-bezier(.2,.7,.2,1),border-width .4s,opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1);overflow:hidden;transform:translate(0);box-shadow:0 10px 30px #00000059}.loginPage.night .card{opacity:0;pointer-events:none;border-width:0;max-width:0;padding-left:0;padding-right:0;transform:translate(18px)}.loginPage .divider{opacity:0;background:linear-gradient(#fff3,#ffffff0f);border-radius:999px;width:0;height:340px;transition:width .6s cubic-bezier(.2,.7,.2,1),opacity .6s,filter .6s;box-shadow:inset 0 0 0 1px #ffffff2e,0 0 20px #3b82f640}.loginPage.day .divider{opacity:.9;filter:saturate(120%);width:1px}.loginPage .lampArea{place-items:center;width:min(520px,90vw);height:420px;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s;display:grid;position:relative}.loginPage.day .lampArea{transform:translate(-6px)}.loginPage .lampHint{opacity:.95;color:var(--muted);letter-spacing:.2px;text-align:center;text-shadow:0 2px 14px #000000a6;margin:0;font-weight:700;transition:opacity .4s,transform .4s;position:absolute;top:6px;left:50%;transform:translate(-50%)}.loginPage.day .lampHint{opacity:0;pointer-events:none;transform:translate(-50%,-6px)}.loginPage .sleepZ{pointer-events:none;width:120px;height:180px;transition:opacity .4s;position:absolute;bottom:165px;left:50%;transform:translate(84px)}.loginPage .sleepZ span{opacity:0;color:#fff6;filter:drop-shadow(0 4px 12px #0006);font-weight:800;animation:3.2s linear infinite zFloat;position:absolute;bottom:0;left:0}.loginPage .sleepZ span:first-child{font-size:20px;animation-delay:0s;left:4px}.loginPage .sleepZ span:nth-child(2){font-size:24px;animation-delay:.8s;left:16px}.loginPage .sleepZ span:nth-child(3){font-size:28px;animation-delay:1.6s;left:28px}.loginPage .sleepZ span:nth-child(4){font-size:22px;animation-delay:2.4s;left:8px}.loginPage .sleepZ span:nth-child(5){font-size:26px;animation-delay:3.2s;left:20px}@keyframes zFloat{0%{opacity:0;transform:translateY(10px)scale(.85)}10%,70%{opacity:.7}to{opacity:0;transform:translateY(-120px)scale(1.05)}}.loginPage.day .sleepZ{opacity:0}.loginPage .lampWrap{width:300px;height:330px;position:relative}.loginPage .downGlow{opacity:0;pointer-events:none;filter:blur(12px)saturate(120%);mix-blend-mode:screen;background:radial-gradient(82% 62% at 50% 0,#ffffd2f2,#ffffb48c 28%,#ffffa02e 58%,#ffffa000 82%),radial-gradient(60% 42% at 50% 32%,#ffffc88c,#ffffb400 70%);border-radius:60% 60% 50% 50%;width:460px;height:300px;transition:opacity .6s;position:absolute;top:146px;left:50%;transform:translate(-50%)}.loginPage .upGlow{opacity:.12;pointer-events:none;filter:blur(10px)saturate(120%);mix-blend-mode:screen;background:radial-gradient(70% 60%,#ffffe680,#ffffe600 70%);border-radius:50%;width:200px;height:80px;transition:opacity .6s;position:absolute;top:58px;left:50%;transform:translate(-50%)}.loginPage.day .downGlow{opacity:1}.loginPage.day .upGlow{opacity:.3}.loginPage .shadeInnerPath{opacity:0;transition:opacity .6s}.loginPage.day .shadeInnerPath{opacity:1}.loginPage .pull{cursor:pointer;touch-action:none;background:0 0;border:none;outline:none;width:60px;height:190px;position:absolute;top:148px;left:calc(50% + 28px);transform:translate(-30px)}.loginPage .pull:focus-visible{border-radius:12px;outline:2px solid #3b82f699}.loginPage .cord{transform-box:fill-box;transform-origin:50% 0;will-change:transform;transform:translate(178px,146px)}.loginPage .backBtn{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));z-index:5;border:1px solid var(--border);color:var(--text);-webkit-backdrop-filter:saturate(160%)blur(10px);backdrop-filter:saturate(160%)blur(10px);background:#ffffff14;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex;position:fixed;box-shadow:0 8px 18px #00000059}.loginPage .backBtn:hover{background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1px)}.loginPage .backBtn:active{transform:translateY(0)}.loginPage .backBtn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f673}.loginPage .backBtn svg{width:20px;height:20px;display:block}.loginPage.night .backBtn{color:#fff;background:linear-gradient(135deg,#3b82f6,#3b82f6d9);border:none;box-shadow:0 10px 18px #2563eb73,0 0 32px #3b82f659}.loginPage h1{letter-spacing:.3px;text-align:center;margin:6px 0 0;font-size:clamp(26px,3.2vw,34px);font-weight:800}.loginPage .sub{color:var(--muted);text-align:center;margin:0;font-size:14px}.loginPage .center{flex-direction:column;align-items:center;gap:10px;display:flex}.loginPage .logoWrap{place-items:center;padding:16px;display:inline-grid;position:relative}.loginPage .logoWrap .bubble{background:#ffffff14;border:1.4px solid #3b82f638;border-radius:999px;width:112px;height:112px;position:absolute;box-shadow:0 8px 18px #00000073}.loginPage svg#zlogo{width:96px;height:96px;animation:2.8s ease-in-out infinite alternate float;transform:translateY(2.5px)}@keyframes float{to{transform:translateY(-2.5px)}}.loginPage .zstroke,.loginPage .zarrow{fill:none;stroke:url(#zgradWhite);stroke-width:5.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 14px #60a5fa6b)drop-shadow(0 0 34px #60a5fa38)}.loginPage #zcircle{fill:#ffffff1a;stroke:#3b82f638;stroke-width:1.4px;filter:drop-shadow(0 10px 10px #00000061)}.loginPage #zcoreTop,.loginPage #zcoreBottom,.loginPage #zstart,.loginPage #zend{stroke-dasharray:0 100;stroke-dashoffset:0}.loginPage #zcoreTop,.loginPage #zcoreBottom{animation:1s cubic-bezier(.2,.7,.2,1) forwards drawHalf}.loginPage #zstart,.loginPage #zend{animation:.6s ease-out 1s forwards drawArrow}@keyframes drawHalf{to{stroke-dasharray:100 0}}@keyframes drawArrow{to{stroke-dasharray:100 0}}.loginPage form{margin:0}.loginPage .stack{gap:12px;margin-top:18px;display:grid}.loginPage .field{background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:10px;padding:14px;display:flex}.loginPage .field input{appearance:none;width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:16px;line-height:1}.loginPage .field input::placeholder{color:#ffffff8c}.loginPage .field svg{display:block}.loginPage .btnIcon{width:24px;height:24px;display:block;overflow:visible}.loginPage .field .btnIcon{flex:0 0 24px}.loginPage .muted{color:var(--muted)}.loginPage .eyeBtn{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:none}.loginPage .error{color:#ef4444;text-align:center;background:#ef444414;border:1px solid #ef444426;border-radius:999px;margin:6px 0 0;padding:10px 16px;font-size:12px;font-weight:600;display:none}.loginPage .error.show{display:block}.loginPage .primary{color:#fff;letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#3b82f6d9);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;font-size:16px;font-weight:700;display:flex;box-shadow:0 10px 18px #2563eb59}.loginPage .primary[disabled]{opacity:.6;box-shadow:none;cursor:not-allowed}.loginPage .loginActions{place-items:center;gap:10px;margin-top:8px;display:grid}.loginPage .registerBtn{border:1px solid var(--border);color:#cfe2ff;cursor:pointer;background:#ffffff0f;border-radius:16px;width:100%;height:48px;font-weight:800;transition:transform .15s,background .2s,border-color .2s;box-shadow:0 8px 18px #00000038}.loginPage .registerBtn:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-1px)}.loginPage .loginFooter{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));left:max(16px, env(safe-area-inset-left));z-index:4;opacity:0;pointer-events:none;background:radial-gradient(720px 180px at 88%,#3b82f62e,#0000 60%),radial-gradient(520px 160px at 76% 40%,#a855f71f,#0000 60%),linear-gradient(#ffffff14,#ffffff0a);border:1px solid #0000;border-radius:22px;width:auto;max-height:0;padding:0 18px;transition:opacity .45s,transform .45s,max-height .45s,padding .45s,border-color .45s;position:fixed;overflow:hidden;transform:translateY(100%);box-shadow:0 -12px 32px #0000004d}.loginPage.day .loginFooter{border-color:var(--border);opacity:1;pointer-events:auto;max-height:210px;padding:16px 18px;transform:translateY(0)}.loginPage .loginFooterInner{grid-template-columns:minmax(180px,.45fr) minmax(0,1.55fr);align-items:center;gap:18px;width:100%;margin:0;display:grid}.loginPage .loginFooterBrand{flex-direction:column;gap:4px;min-width:180px;display:flex}.loginPage .loginFooterTitle{color:#fff;letter-spacing:.2px;font-size:18px;font-weight:800}.loginPage .loginFooterMeta{color:var(--muted);font-size:12px}.loginPage .loginPowered{justify-content:flex-end;align-items:center;gap:18px;min-width:0;display:flex}.loginPage .loginFooterLabel{color:#eef4ff;letter-spacing:.6px;text-transform:uppercase;font-size:20px;font-weight:900}.loginPage .loginFooterLogoWrap{align-items:center;display:flex;position:relative}.loginPage .loginFooterLogoWrap:after{content:"";z-index:-1;filter:blur(40px);background:radial-gradient(circle,#60a5fa40,#a855f726,#0000 70%);position:absolute;inset:-40px -80px}.loginPage .loginFooterLogo{object-fit:contain;filter:drop-shadow(0 14px 28px #00000059)drop-shadow(0 0 20px #60a5fa59)drop-shadow(0 0 40px #a855f72e);width:auto;max-width:520px;height:160px;animation:4s ease-in-out infinite gssBrandGlow;display:block}.loginPage .loginFooterCompany{color:#f3f7ff;letter-spacing:.15px;white-space:nowrap;font-size:18px;font-weight:800}@keyframes gssBrandGlow{0%,to{filter:drop-shadow(0 12px 28px #00000059)drop-shadow(0 0 14px #60a5fa40)drop-shadow(0 0 28px #a855f726)}50%{filter:drop-shadow(0 12px 28px #00000059)drop-shadow(0 0 24px #60a5fa73)drop-shadow(0 0 44px #a855f740)}}@media (max-width:960px){.loginPage .lampArea{height:380px}.loginPage .divider{height:300px}}@media (max-width:860px){.loginPage.day .loginFooter{max-height:260px;padding:14px 16px}.loginPage.day .wrap{padding-bottom:250px}.loginPage .loginFooterInner{grid-template-columns:1fr;align-items:flex-start;gap:12px}.loginPage .loginPowered{justify-content:flex-start;gap:10px}.loginPage .loginFooterLabel{font-size:14px}.loginPage .loginFooterLogo{max-width:260px;height:58px}.loginPage .loginFooterCompany{white-space:normal;font-size:16px}}@media (max-width:700px){.loginPage .stage{flex-direction:column;gap:0}.loginPage.day .stage{gap:18px}.loginPage .divider{width:60%;height:1px}.loginPage.day .divider{width:80%}.loginPage .lampArea{transform:none!important}.loginPage .sleepZ{transform:translate(60px)}}@media (max-width:420px){.loginPage .backBtn span{display:none}}@media (prefers-reduced-motion:reduce){.loginPage svg#zlogo,.loginPage .sleepZ span,.loginPage .loginFooterLogo{animation:none!important}.loginPage #zcoreTop,.loginPage #zcoreBottom,.loginPage #zstart,.loginPage #zend{stroke-dasharray:100 0!important;animation:none!important}.loginPage .card,.loginPage .divider{transition:none!important}}