:root{color-scheme:dark}
.auth-body{background:#080d19;color:#f7f8fc;font-size:16px;min-height:100svh;--auth-muted:#9aa9c2;--auth-ease:cubic-bezier(.22,1,.36,1)}
.auth-header{max-width:1400px;margin:auto;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.auth-brand img{width:176px;height:50px;object-fit:contain}.auth-back{display:flex;align-items:center;gap:10px;color:#aebad0;font-size:14px;min-height:44px}.auth-back svg{width:19px;height:19px;transition:transform .25s}.auth-back:hover{color:#fff}.auth-back:hover svg{transform:translateX(4px)}
.auth-layout{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);gap:72px;max-width:1280px;margin:18px auto 0;padding:0 40px;align-items:center}.auth-panel{padding:15px 0 20px;width:100%;view-transition-name:auth-form}.auth-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff12;border-radius:12px;background:#111a2a;padding:5px;margin-bottom:28px;position:relative;isolation:isolate}.auth-switch a{padding:10px 8px;text-align:center;border-radius:8px;font-size:15px;font-weight:700;min-height:44px;transition:color .2s,background .2s;color:#8c9bb3}.auth-switch a[aria-current]{color:#f5f7fb;background:#25324a;box-shadow:0 2px 7px #0003}.auth-switch a:hover{color:#fff}.auth-copy{position:relative;animation:auth-arrive .8s var(--auth-ease) both}.welcome-spark{width:44px;height:44px;display:grid;place-items:center;position:absolute;left:0;top:0;border:1px solid #35c8f344;border-radius:15px;color:#6eddf7;background:linear-gradient(145deg,#18354a,#122333);margin-bottom:26px}.welcome-spark>svg{width:24px;height:24px}.welcome-spark>span{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffd166;left:-3px;top:7px;box-shadow:0 0 14px #ffd16666}.auth-kicker{display:flex;align-items:center;gap:8px;font-size:12px;color:#8ba4bf;letter-spacing:.2px;margin-bottom:12px}.auth-copy h1{font-size:clamp(36px,3.1vw,44px);letter-spacing:-.7px;line-height:1.28;font-weight:700}.auth-copy h1 em{font-style:normal;color:#eef5ff}.gold-dot{color:#ffd166}.auth-description{color:#a6b4ca;font-size:16px;line-height:1.9;margin-top:18px}.auth-action-block{margin-top:30px;animation:auth-arrive .8s .1s var(--auth-ease) both}.auth-google{min-height:54px;border:1px solid #747775;border-radius:9px;background:#f2f2f2;color:#1f1f1f;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;font:500 15px/1.5 Arial,sans-serif;padding:15px;transition:background .2s,box-shadow .2s,transform .2s}.auth-google svg{width:20px;height:20px;flex:none}.auth-google:hover{background:#fff;box-shadow:0 5px 28px #8fb1e51a}.auth-google:active{transform:scale(.99)}.auth-google[aria-disabled=true]{opacity:.75;cursor:progress}.auth-action-hint{font-size:12px;text-align:center;color:#8c9bb3;margin-top:12px}.auth-loading{min-height:0;margin:0;font-size:12px;text-align:center;color:#8ee7fa}.auth-loading:not(:empty){margin-top:8px}.auth-separator{display:flex;align-items:center;gap:14px;color:#64758f;font-size:11px;margin:24px 0 18px}.auth-separator:before,.auth-separator:after{content:'';height:1px;background:#ffffff0e;flex:1}.auth-benefits{padding:0;list-style:none;display:grid;gap:17px;margin:0}.auth-benefits li{display:flex;align-items:center;gap:13px}.auth-benefits li>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid #ffffff0d;background:#111b2c;color:#7da7c9;flex:none}.auth-benefits svg{width:18px;height:18px}.auth-benefits strong{font-size:14px;font-weight:700}.auth-benefits p{font-size:12px;color:#7789a3;margin-top:2px}.auth-account-note{margin-top:20px;font-size:14px;color:#a3b1c8}.auth-account-note a{color:#75dfff;font-weight:700;display:inline-block;padding:8px 3px}.auth-privacy{display:flex;gap:8px;margin-top:12px;align-items:flex-start}.auth-privacy svg{width:15px;height:15px;color:#7590ad;flex:none;margin-top:3px}.auth-privacy p,.auth-existing-hint{font-size:11px;color:#7688a3;line-height:1.8}.auth-privacy a{color:#9eb8d6;text-decoration:underline;text-underline-offset:3px}.auth-existing-hint{margin:8px 23px 0 0}.auth-help{display:inline-flex;align-items:center;min-height:40px;font-size:12px;color:#8ea1be;margin-top:10px}.auth-help:hover{color:#75dfff}.auth-notice{border:1px solid #ffd16633;border-radius:10px;background:#ffd16608;margin-top:18px;padding:13px 15px;font-size:13px;color:#ffdfa1}.auth-notice p{font-size:12px;color:#d0bc98;margin-top:3px}.auth-notice a{color:#75dfff;text-decoration:underline}
.auth-universe{min-width:0;position:relative;min-height:720px;align-self:stretch;overflow:hidden;border:1px solid #91b8ff1a;border-radius:30px;background:radial-gradient(ellipse at 45% 49%,#11223d 0,#101729 45%,#0c1322 100%);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;view-transition-name:auth-universe;--px:0px;--py:0px}.universe-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#7295c30a 1px,transparent 1px),linear-gradient(90deg,#7295c30a 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,black 25%,black 75%,transparent)}.universe-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 12% 70%,#6b37e823,transparent 48%),radial-gradient(ellipse at 90% 25%,#06b3e316,transparent 45%);animation:auth-atmosphere 12s ease-in-out infinite alternate}.universe-heading{padding:42px 38px 0;position:relative;z-index:2}.universe-heading .auth-kicker{color:#8ea8bf;margin-bottom:25px;font-size:11px}.auth-kicker i{width:5px;height:5px;border-radius:50%;background:#06d6ff;box-shadow:0 0 12px #06d6ff80}.universe-heading h2{font-size:clamp(29px,2.85vw,42px);letter-spacing:-.5px;line-height:1.4}.universe-heading h2 span{background:linear-gradient(110deg,#8b76ff,#b7e9ff 58%,#54dafa);background-clip:text;-webkit-background-clip:text;color:transparent}.universe-heading>p{font-size:14px;line-height:1.9;color:#8d9fb8;margin-top:15px}.auth-constellation{width:100%;aspect-ratio:600/360;position:relative;direction:ltr;transform:translate3d(var(--px),var(--py),0);transition:transform .6s var(--auth-ease);margin-block:0 3px}.auth-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.constellation-orbit{stroke:#7694ce22;stroke-width:.75}.constellation-orbit.faint{stroke:#658ac512;stroke-dasharray:2 8}.auth-wire{stroke-width:1.5}.auth-wire.base{stroke:#657a9b21}.auth-wire.current{stroke-dasharray:5 10;animation:auth-stream 2s linear infinite;opacity:.8}.wire-right{stroke:url(#auth-wire-right)}.wire-left{stroke:url(#auth-wire-left);animation-delay:-1s!important}.core-aura{position:absolute;left:24%;top:17%;width:52%;height:66%;border-radius:50%;background:radial-gradient(ellipse,#275cf126,transparent 70%);animation:auth-aura 5s ease-in-out infinite}.auth-core{position:absolute;left:27%;top:28%;width:46%;animation:auth-levitate 6s ease-in-out infinite;z-index:2}.auth-core img{width:100%;height:auto;filter:drop-shadow(0 8px 24px #060a1f99)}.core-shadow{position:absolute;left:15%;right:15%;bottom:-18px;height:12px;border-radius:50%;background:#5177f52b;filter:blur(15px)}.auth-node{position:absolute;display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #506b8f40;border-radius:13px;background:linear-gradient(140deg,#172a3de8,#101b2eeb);box-shadow:0 10px 24px #0002;direction:rtl;z-index:3;animation:auth-node-float 7s ease-in-out infinite}.auth-node>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #06d6ff22;border-radius:8px;background:#06d6ff08;color:#64d5f5}.auth-node svg{width:17px;height:17px}.auth-node b{font-size:12px;line-height:1.3;display:block;color:#d9e7f8}.auth-node small{font-size:9px;color:#718ba8;white-space:nowrap}.auth-node i{width:4px;height:4px;border-radius:50%;background:#06d6ff;margin-inline-start:4px}.node-store{right:4%;top:11%}.node-dashboard{left:4%;top:15%;animation-delay:-1.8s}.node-dashboard>span{color:#af9eff;border-color:#8b5cf633;background:#8b5cf60b}.node-dashboard i{background:#9f8dff}.node-services{right:7%;bottom:7%;animation-delay:-3.5s}.node-services>span{color:#ffd166;border-color:#ffd16633;background:#ffd16609}.node-services i{background:#ffd166}.node-notify{left:3%;bottom:9%;animation-delay:-5s}.star{width:3px;height:3px;background:#b2dcff;border-radius:50%;position:absolute;box-shadow:0 0 12px #7dbaff;animation:auth-star 4s ease-in-out infinite}.star-a{left:47%;top:10%}.star-b{left:20%;top:53%;animation-delay:-2s}.star-c{left:66%;top:80%;animation-delay:-1s}.universe-bottom{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:24px 30px;border-top:1px solid #ffffff0a;background:#0c14254d;position:relative;z-index:3}.spark-signature{display:flex;align-items:center;gap:12px}.spark-signature>span{font:11px/1 Arial,sans-serif;color:#7d90ac;width:30px;height:30px;border:1px solid #364762;border-radius:50%;display:grid;place-items:center}.spark-signature b{font-size:12px;display:block}.spark-signature small{font:6px/1.5 Arial,sans-serif;letter-spacing:1px;color:#637691;direction:ltr;display:block;margin-top:4px}.motion-control{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid #ffffff14;color:#8da1bd;border-radius:20px;padding:9px 10px;font-size:10px;min-height:40px;white-space:nowrap}.motion-control svg{width:13px;height:13px}.motion-control:hover{border-color:#7096c4;color:#c7e4ff}.auth-footer{max-width:1280px;margin:30px auto 0;padding:20px 40px 26px;display:flex;gap:20px;justify-content:space-between;color:#526784;font-size:11px}.auth-footer a{color:#899cb8}.auth-body[data-motion=paused] .auth-universe *,.auth-body[data-motion=paused] .auth-universe *:before,.auth-body[data-motion=paused] .auth-universe *:after{animation-play-state:paused!important}.auth-body[data-motion=paused] .auth-constellation{transform:none}
@keyframes auth-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes auth-stream{to{stroke-dashoffset:-60}}@keyframes auth-levitate{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes auth-node-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes auth-aura{0%,100%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}@keyframes auth-atmosphere{to{transform:scale(1.12) translate(2%,2%);opacity:.7}}@keyframes auth-star{0%,100%{opacity:.3}50%{opacity:.9}}
@media(min-width:1450px){.auth-layout{margin-top:30px;gap:96px}.auth-universe{min-height:760px}}
@media(max-width:1080px){.auth-layout{gap:35px;grid-template-columns:minmax(320px,.95fr) minmax(0,1fr);padding:0 30px}.auth-universe{min-height:740px}.universe-heading{padding:32px 25px 0}.universe-heading h2{font-size:33px}.universe-bottom{padding:20px}.spark-signature small{display:none}.auth-node{padding:9px;gap:6px}.auth-node small{display:none}.node-store{right:3%}.node-dashboard{left:2%}.node-services{right:2%}.node-notify{left:1%}.auth-copy h1{font-size:41px}}
@media(max-width:760px){.auth-header{padding:16px 22px}.auth-brand img{width:151px;height:43px}.auth-back{font-size:12px;gap:7px}.auth-back svg{width:16px}.auth-layout{display:flex;flex-direction:column;gap:30px;padding:0 22px;margin-top:15px;max-width:520px}.auth-panel{padding:0;width:100%}.auth-switch{margin-bottom:26px}.auth-switch a{font-size:14px;padding:10px}.welcome-spark{width:43px;height:43px;border-radius:13px;margin-bottom:19px}.welcome-spark>svg{width:21px;height:21px}.auth-copy h1{font-size:38px;line-height:1.3}.auth-kicker{font-size:11px;margin-bottom:9px}.auth-description{font-size:15px;line-height:1.85;margin-top:14px}.auth-action-block{margin-top:24px}.auth-google{min-height:53px;font-size:14px}.auth-action-hint{font-size:11px}.auth-separator{margin:24px 0 17px}.auth-benefits{gap:14px}.auth-benefits strong{font-size:13px}.auth-benefits p{font-size:11px}.auth-account-note{font-size:13px;margin-top:20px}.auth-privacy p,.auth-existing-hint{font-size:11px}.auth-help{margin-top:8px}.auth-universe{min-height:0;width:100%;border-radius:23px}.universe-heading{padding:27px 24px 0}.universe-heading .auth-kicker{margin-bottom:15px;font-size:10px}.universe-heading h2{font-size:30px;line-height:1.35}.universe-heading>p{font-size:12px;margin-top:12px}.auth-constellation{margin-top:7px;max-width:480px;align-self:center}.auth-node{padding:8px;gap:6px;border-radius:10px}.auth-node b{font-size:10px}.auth-node>span{width:24px;height:24px;border-radius:7px}.auth-node svg{width:14px;height:14px}.auth-node small{display:none}.auth-node i{margin:0}.auth-core{width:48%;left:26%;top:28%}.universe-bottom{padding:16px 20px}.spark-signature{gap:8px}.spark-signature b{font-size:11px}.spark-signature>span{width:27px;height:27px;font-size:10px}.motion-control{min-height:40px;font-size:10px}.auth-footer{padding:22px;margin-top:7px;gap:10px;flex-wrap:wrap;font-size:10px}.auth-footer>span:first-child{display:none}}
@media(max-width:359px){.auth-header{padding-inline:16px}.auth-brand img{width:136px}.auth-layout{padding-inline:16px}.auth-copy h1{font-size:34px}.auth-node{gap:4px;padding:6px}.auth-node i{display:none}.universe-bottom{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.auth-body *,.auth-body *:before,.auth-body *:after{animation:none!important;transition:none!important}.auth-constellation{transform:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

.auth-copy>.auth-kicker{padding-inline-end:52px}.welcome-spark>span{animation:auth-star 3s ease-in-out infinite}
