:root{--login-e: cubic-bezier(.22, 1, .36, 1);--login-d: .5s}[data-theme=dark]{--login-bg: #030308;--login-panel: rgba(10, 10, 20, .82);--login-panel-bdr: rgba(255, 255, 255, .06);--login-t1: #f0f0fa;--login-t2: #9898b8;--login-t3: #5c5c7a;--login-t4: #3a3a52;--login-accent: #60b8ff;--login-accent-h: #90d4ff;--login-ga: #00bfa5;--login-gb: #60b8ff;--login-btn-bg: rgba(18, 18, 38, .85);--login-btn-bdr: rgba(255, 255, 255, .1);--login-btn-bdr-h: rgba(255, 255, 255, .2);--login-btn-glow: 0 8px 40px rgba(96, 32, 192, .22), 0 0 0 1px rgba(255, 255, 255, .06);--login-btn-rest: none;--login-sep: rgba(255, 255, 255, .06);--login-tog-bg: rgba(255, 255, 255, .07);--login-tog-h: rgba(255, 255, 255, .13);--login-tog-c: #8888a8;--login-orb-sat: saturate(1.1);--login-orb-o: 1;--login-grain: .022}[data-theme=light]{--login-bg: #f0ecf6;--login-panel: rgba(255, 255, 255, .55);--login-panel-bdr: rgba(255, 255, 255, .7);--login-t1: #0f0f24;--login-t2: #4a4a68;--login-t3: #7878a0;--login-t4: #aaabb8;--login-accent: #0f6cbd;--login-accent-h: #0d5ead;--login-ga: #00917a;--login-gb: #0f6cbd;--login-btn-bg: #ffffff;--login-btn-bdr: rgba(0, 0, 0, .08);--login-btn-bdr-h: rgba(0, 0, 0, .16);--login-btn-glow: 0 8px 32px rgba(15, 108, 189, .14), 0 0 0 1px rgba(0, 0, 0, .04);--login-btn-rest: 0 1px 3px rgba(0, 0, 0, .05);--login-sep: rgba(0, 0, 0, .08);--login-tog-bg: rgba(0, 0, 0, .06);--login-tog-h: rgba(0, 0, 0, .1);--login-tog-c: #5a5a78;--login-orb-sat: saturate(1.3) brightness(1.15);--login-orb-o: .9;--login-grain: .015}.login-orb-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;filter:var(--login-orb-sat);opacity:var(--login-orb-o);transition:filter var(--login-d) var(--login-e),opacity var(--login-d) var(--login-e)}.login-page{position:fixed;inset:0;z-index:1;display:grid;grid-template-columns:1fr 440px;height:100vh;font-family:Plus Jakarta Sans,-apple-system,system-ui,sans-serif;background:var(--login-bg);color:var(--login-t1);transition:background var(--login-d) var(--login-e),color var(--login-d) var(--login-e)}.login-left{position:relative;display:flex;flex-direction:column;padding:40px 56px 36px 60px;background:linear-gradient(135deg,#0303088c,#03030840,#03030873);transition:background var(--login-d) var(--login-e)}[data-theme=light] .login-left{background:linear-gradient(135deg,#f0ecf680,#f0ecf633,#f0ecf673)}.login-grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:var(--login-grain);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;transition:opacity var(--login-d) var(--login-e)}.login-top{display:flex;align-items:center;justify-content:space-between;opacity:0;animation:login-up .8s var(--login-e) .1s forwards}.login-wm{font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--login-t1);transition:color var(--login-d) var(--login-e)}.login-wm span{font-weight:500;color:var(--login-accent);margin-left:4px;transition:color var(--login-d) var(--login-e)}.login-hero{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:560px}.login-hl{font-size:clamp(40px,5.2vw,72px);font-weight:800;line-height:1.02;letter-spacing:-.05em;margin-bottom:20px;opacity:0;animation:login-up 1s var(--login-e) .35s forwards;transition:color var(--login-d) var(--login-e)}.login-hl em{font-style:normal;font-weight:200;background:linear-gradient(135deg,var(--login-ga),var(--login-gb));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-right{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px;background:var(--login-panel);border-left:1px solid var(--login-panel-bdr);backdrop-filter:blur(48px) saturate(1.4);-webkit-backdrop-filter:blur(48px) saturate(1.4);transition:all var(--login-d) var(--login-e)}.login-ri{position:relative;z-index:1;width:100%;max-width:330px}.login-tog{position:absolute;top:20px;right:20px;z-index:10;width:38px;height:38px;border-radius:10px;background:var(--login-tog-bg);border:none;color:var(--login-tog-c);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--login-e);opacity:0;animation:login-fade .5s ease .15s forwards}.login-tog:hover{background:var(--login-tog-h)}.login-tog svg{width:17px;height:17px;transition:transform .3s var(--login-e)}.login-tog:hover svg{transform:rotate(20deg)}.login-p-logo{display:flex;align-items:center;gap:10px;margin-bottom:48px;opacity:0;animation:login-fade .7s ease .25s forwards}.login-p-wm{font-size:16px;font-weight:800;letter-spacing:-.03em;transition:color var(--login-d) var(--login-e)}.login-p-wm span{font-weight:500;color:var(--login-accent);margin-left:3px;transition:color var(--login-d) var(--login-e)}.login-p-tag{font-size:11px;color:var(--login-t4);margin-top:1px;transition:color var(--login-d) var(--login-e)}.login-p-h{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px;opacity:0;animation:login-fade .7s ease .4s forwards;transition:color var(--login-d) var(--login-e)}.login-p-d{font-size:14px;color:var(--login-t2);line-height:1.6;margin-bottom:36px;opacity:0;animation:login-fade .7s ease .5s forwards;transition:color var(--login-d) var(--login-e)}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 20px;border:1px solid var(--login-btn-bdr);border-radius:14px;background:var(--login-btn-bg);box-shadow:var(--login-btn-rest);color:var(--login-t1);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .4s var(--login-e);opacity:0;animation:login-fade .7s ease .6s forwards;text-decoration:none}.login-btn:before{content:"";position:absolute;inset:-1px;border-radius:15px;padding:1px;background:linear-gradient(135deg,#7c4dff40,#00bfa533,#60b8ff40);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}.login-btn:hover{transform:translateY(-2px);border-color:var(--login-btn-bdr-h);box-shadow:var(--login-btn-glow)}.login-btn:hover:before{opacity:1}.login-btn:active{transform:translateY(0);transition-duration:.1s}.login-btn .l{position:relative;z-index:1}.login-btn.ld .l,.login-btn.ld svg{opacity:.25}.login-btn.ld{pointer-events:none}.login-sp{display:none;width:16px;height:16px;border:2px solid rgba(128,128,128,.15);border-top-color:var(--login-accent);border-radius:50%;animation:login-spin .6s linear infinite;position:absolute;right:18px;z-index:1}.login-btn.ld .login-sp{display:block}.login-sep{display:flex;align-items:center;gap:12px;margin:24px 0;opacity:0;animation:login-fade .7s ease .7s forwards}.login-ln{flex:1;height:1px;background:var(--login-sep);transition:background var(--login-d) var(--login-e)}.login-sep span{font-size:10px;font-weight:600;color:var(--login-t4);text-transform:uppercase;letter-spacing:.12em;transition:color var(--login-d) var(--login-e)}.login-note{text-align:center;font-size:12.5px;color:var(--login-t3);line-height:1.6;opacity:0;animation:login-fade .7s ease .8s forwards;transition:color var(--login-d) var(--login-e)}.login-note a{color:var(--login-accent);text-decoration:none;transition:color .2s var(--login-e)}.login-note a:hover{color:var(--login-accent-h)}.login-p-h.welcome-back{background:linear-gradient(135deg,var(--login-ga),var(--login-gb));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-foot{position:absolute;bottom:20px;left:48px;right:48px;display:flex;justify-content:space-between;opacity:0;animation:login-fade .7s ease .95s forwards}.login-foot a,.login-foot span{font-size:10.5px;color:var(--login-t4);text-decoration:none;transition:color var(--login-d) var(--login-e)}.login-foot a:hover{color:var(--login-t3)}.login-flinks{display:flex;gap:16px}.login-mh{display:none;flex-direction:column;gap:4px;margin-bottom:28px}.login-mh h1{font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.1;transition:color var(--login-d) var(--login-e)}.login-mh em{font-style:normal;font-weight:200;background:linear-gradient(135deg,var(--login-ga),var(--login-gb));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-mh p{font-size:12.5px;color:var(--login-t3);transition:color var(--login-d) var(--login-e)}@keyframes login-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes login-fade{0%{opacity:0}to{opacity:1}}@keyframes login-spin{to{transform:rotate(360deg)}}@media(max-width:960px){.login-page{grid-template-columns:1fr}.login-left{display:none}.login-right{border:none}.login-mh{display:flex!important}}@media(max-width:480px){.login-right{padding:32px 24px}.login-foot{left:24px;right:24px}}@media(prefers-reduced-motion:reduce){.login-page *,.login-page *:before,.login-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}