.login-motion{background:#08090e}.ambient i:first-child,.ambient i:nth-child(3){display:none}.traffic-preview{max-width:420px;margin-top:32px;padding:22px;border:1px solid #2b303d;border-radius:17px;background:linear-gradient(135deg,#191d26,#10131b);box-shadow:0 20px 50px #0003}.traffic-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#a6b0c0}.traffic-heading small{font-size:8px;margin:0;color:#68768b}.traffic-demo{display:flex;gap:24px;align-items:center;margin:24px 0}.light-housing{padding:13px;display:flex;flex-direction:column;gap:13px;background:linear-gradient(100deg,#252b35,#10141c);border:1px solid #394150;border-radius:35px;box-shadow:inset 2px 0 5px #ffffff0a,0 8px 22px #0005}.lamp{width:35px;height:35px;border-radius:50%;display:block;background:radial-gradient(circle at 35% 30%,#ffffff22,transparent 60%),var(--light);opacity:.22;animation:traffic-cycle 12s infinite}.red{--light:#ff6c79;--glow:#ff6c7950}.amber{--light:#ffc45b;--glow:#ffc45b50;animation-delay:-8s}.green{--light:#59d4a5;--glow:#59d4a550;animation-delay:-4s}.signal-explanations{display:flex;flex-direction:column;gap:22px}.signal-copy{opacity:.4;animation:copy-cycle 12s infinite}.signal-copy strong{display:block;font-size:13px;font-weight:600}.signal-copy span{display:block;font-size:10px;color:#939faf;margin-top:5px;line-height:1.5}.stop strong{color:#f58e98}.wait strong{color:#e8c180}.go strong{color:#81dabb}.wait{animation-delay:-8s}.go{animation-delay:-4s}.analysis-tags{display:flex;gap:10px;border-top:1px solid #2c3441;padding-top:16px;flex-wrap:wrap}.analysis-tags span{font-size:10px;color:#aab9ce;background:#202936;border:1px solid #303d4e;padding:7px 10px;border-radius:7px}@keyframes traffic-cycle{0%,27%,100%{opacity:1;box-shadow:0 0 22px var(--glow)}34%,94%{opacity:.22;box-shadow:inset 0 3px 8px #0007}}@keyframes copy-cycle{0%,27%,100%{opacity:1}34%,94%{opacity:.4}}@media(max-width:650px){.traffic-preview{width:100%;padding:16px;margin-top:20px}.traffic-demo{gap:18px;margin:18px 0}.lamp{width:30px;height:30px}.light-housing{padding:10px;gap:14px}}@media(prefers-reduced-motion:reduce){.lamp,.signal-copy{animation:none!important;opacity:1}}
.login-motion .card{background:none;border:0;border-radius:0;box-shadow:none;padding:24px 0 24px 35px}.login-motion .card:before,.login-motion .card:after{display:none}.login-motion .icon{display:none}.login-motion main{gap:100px}.traffic-preview{background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin-top:36px}.traffic-heading{display:none}.traffic-demo{position:relative;gap:35px;margin:30px 0;perspective:900px}.light-housing{position:relative;padding:17px 15px;gap:19px;border-radius:42px;border:1px solid #454e5a;background:linear-gradient(105deg,#343b46 0%,#1a202b 20%,#111722 65%,#242d3a 100%);box-shadow:inset 1px 0 1px #ffffff28,inset -1px 0 1px #0009,8px 12px 25px #0005;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform:rotateY(-12deg)}.light-housing:before{content:'';position:absolute;inset:-20px -35px;background:radial-gradient(ellipse,#ffffff05,transparent 70%);pointer-events:none;z-index:-1}.lamp{width:40px;height:40px;border:3px solid #0b1017;position:relative;background:radial-gradient(circle at 37% 27%,#ffffff55,transparent 50%),repeating-radial-gradient(circle,transparent 0 3px,#00000015 4px 5px),var(--light);box-shadow:inset 0 2px 5px #0009;animation:refined-light 15s infinite;opacity:.15;transition:filter .4s}.lamp:after{content:'';position:absolute;inset:-9px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 70%);opacity:0;animation:lens-aura 15s infinite;pointer-events:none}.amber,.amber:after{animation-delay:-10s}.green,.green:after{animation-delay:-5s}.signal-copy{animation:refined-copy 15s infinite;transition:transform .4s}.wait{animation-delay:-10s}.go{animation-delay:-5s}.signal-explanations{gap:28px}.signal-copy strong{font-size:14px}.signal-copy span{font-size:11px;max-width:210px}.analysis-tags{border:0;padding-top:7px;gap:20px}.analysis-tags span{background:none;border:0;padding:0;color:#7e8a9c;font-size:10px}.traffic-demo:hover .light-housing{transform:rotateY(5deg) rotateX(2deg)}.traffic-demo:hover .lamp{filter:brightness(1.12)}.login-motion .step,.login-motion .eyebrow span{border:0;background:none}.login-motion .help{border-top-color:#ffffff0a}.login-motion .card .eyebrow span{display:none}@keyframes refined-light{0%,25%,100%{opacity:1;box-shadow:inset 0 1px 5px #ffffff30,0 0 16px var(--glow)}33%,92%{opacity:.15;box-shadow:inset 0 2px 5px #0009}}@keyframes lens-aura{0%,25%,100%{opacity:.7;transform:scale(1)}33%,92%{opacity:0;transform:scale(.85)}}@keyframes refined-copy{0%,25%,100%{opacity:1;transform:translateX(3px)}33%,92%{opacity:.35;transform:translateX(0)}}@media(max-width:650px){.login-motion main{gap:28px}.login-motion .card{padding:0;width:100%}.traffic-demo{gap:26px;margin:24px 0}.light-housing{padding:12px;gap:15px}.lamp{width:33px;height:33px}.signal-explanations{gap:22px}.signal-copy strong{font-size:12px}.signal-copy span{font-size:10px}.traffic-preview{margin-top:20px}}@media(prefers-reduced-motion:reduce){.lamp:after{animation:none;opacity:0}.light-housing,.traffic-demo:hover .light-housing{transform:none}.signal-copy{transform:none!important}}
.login-motion .card{padding:34px;background:linear-gradient(140deg,#1c1f29,#12151e);border:1px solid #303441;border-radius:22px;box-shadow:0 20px 90px #0005}.login-motion .card:before,.login-motion .card:after{display:block}.login-motion .icon{display:grid}.login-motion .card .eyebrow span{display:block;border:1px solid #ffb30030;border-radius:20px;padding:4px 8px}.login-motion .help{border-top-color:#2e3340}.login-motion main{gap:80px}@media(max-width:850px){.login-motion main{gap:30px}.login-motion .card{padding:25px}}@media(max-width:650px){.login-motion main{gap:24px}.login-motion .card{padding:24px;border-radius:17px}}
.light-housing{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1);will-change:transform}.light-housing:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(110px circle at var(--shine-x,30%) var(--shine-y,20%),#d8e7ff25,transparent 75%);pointer-events:none}.lamp{cursor:pointer;transform:translateZ(5px);transition:opacity .45s,box-shadow .45s,filter .45s,transform .45s;outline-offset:7px}.lamp:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(18px circle at var(--shine-x,30%) var(--shine-y,20%),#fff7,transparent 80%);pointer-events:none}.traffic-demo.is-interacting .lamp{animation:none;opacity:.13;box-shadow:inset 0 3px 8px #0009}.traffic-demo.is-interacting .lamp:after{animation:none;opacity:0;transition:opacity .45s}.traffic-demo.is-interacting .lamp.is-selected{opacity:1;transform:translateZ(10px) scale(1.08);box-shadow:inset 0 1px 6px #ffffff35,0 0 24px var(--glow),0 0 55px var(--glow)}.traffic-demo.is-interacting .lamp.is-selected:after{opacity:1;animation:interactive-halo 2.4s ease-out infinite}.traffic-demo.is-interacting .signal-copy{animation:none;opacity:.25;transform:translateX(0);transition:opacity .4s,transform .4s}.traffic-demo.is-interacting .signal-copy.is-selected{opacity:1;transform:translateX(7px)}@keyframes interactive-halo{0%{transform:scale(.8);opacity:.9}100%{transform:scale(2);opacity:0}}@media(prefers-reduced-motion:reduce){.light-housing{will-change:auto}.traffic-demo.is-interacting .lamp.is-selected{transform:none}.traffic-demo.is-interacting .lamp.is-selected:after{animation:none!important;opacity:.5}}
.light-housing{border:1px solid #647184;background:linear-gradient(90deg,#354152 0%,#25303e 5%,#171e29 12%,#111722 48%,#19222f 88%,#384658 96%,#283444 100%);box-shadow:inset 1px 0 0 #b5c7df40,inset -1px 0 0 #05080dcc,inset 0 1px 0 #c0d0e54d,inset 0 -2px 0 #04070bbf,4px 6px 0 #080c1266,8px 12px 18px #0003;border-radius:38px;backface-visibility:hidden}.light-housing:before{inset:5px;border:1px solid #8da5c022;border-radius:32px;background:none;z-index:0;box-shadow:inset 0 1px 0 #c4d4eb12;pointer-events:none}.light-housing:after{background:linear-gradient(115deg,#d5e4fa0d,transparent 35%,transparent 70%,#9cb9df08),radial-gradient(65px circle at var(--shine-x,30%) var(--shine-y,20%),#d8e7ff10,transparent 75%);border-radius:inherit}@media(max-width:650px){.light-housing{border-radius:32px}.light-housing:before{border-radius:26px}}
.light-housing,.traffic-demo:hover .light-housing{transform:rotateY(0deg) rotateX(0deg)}
.account-lock{position:relative;background:linear-gradient(145deg,#ffbf2118,#ffb30007);box-shadow:inset 0 1px 0 #ffe3a115}.account-lock svg{width:25px;height:25px;stroke:#efc36b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.account-lock:after{content:'';position:absolute;right:7px;bottom:7px;width:5px;height:5px;border-radius:50%;background:#74c9a5;box-shadow:0 0 7px #74c9a550}
.login-motion .card:before{background:radial-gradient(350px circle at var(--pointer-x,50%) var(--pointer-y,0%),#ffcf700c,transparent 70%)}.login-candles{width:100%;margin:21px 0 6px;padding:5px 0 10px;border-bottom:1px solid #ffffff08;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.login-candles svg{display:block;width:100%;height:auto;max-height:85px;opacity:.85}.candle-grid{stroke:#b4c2d1;stroke-opacity:.07;stroke-width:.7;stroke-dasharray:2 5}.candle-up{stroke:#65bea5;fill:#65bea5}.candle-down{stroke:#b87883;fill:#b87883}.login-candles path:not(.candle-grid){stroke-width:1}.login-candles rect{stroke:none;rx:1}.login-candles + h2{margin-top:18px}
.login-motion .card{background:linear-gradient(145deg,#181c25,#12161e);border-color:#ffffff0b;box-shadow:0 18px 55px #0003;padding:38px}.login-motion .card:after{display:none}.login-motion .card:before{background:radial-gradient(300px circle at var(--pointer-x,50%) var(--pointer-y,0%),#ffffff06,transparent 70%)}.login-motion .card h2{margin:0 0 10px;font-size:28px;font-weight:600;letter-spacing:-.7px}.login-motion .card>p{margin:0 0 28px;color:#858e9e;font-size:12px}.login-motion .card label{font-size:11px;color:#aeb6c3;margin-top:22px}.login-motion .card input{background:#0f131b;border-color:#ffffff0c;padding-top:15px;padding-bottom:15px}.login-motion .card .submit{margin-top:28px;font-weight:600}.login-motion .card .submit:before{display:none}.login-motion .card .help{border:0;margin-top:24px;padding-top:0;font-size:10px;color:#737e8f;line-height:1.6}@media(max-width:650px){.login-motion .card{padding:28px}}
.login-motion .card .errorlist{font-size:13px;line-height:1.6;padding:13px 15px}
.account-setup .red,.account-setup .red:after,.account-setup .stop{animation:setup-red 6s ease both;animation-delay:0s}.account-setup .amber,.account-setup .amber:after,.account-setup .wait{animation:setup-amber 6s ease both;animation-delay:0s}.account-setup .green,.account-setup .green:after,.account-setup .go{animation:setup-green 6s ease both;animation-delay:0s}.account-setup .lamp:after{display:none}.account-setup .green{box-shadow:0 0 22px #59d4a530}.account-setup .submit{margin-top:22px}@keyframes setup-red{0%,25%{opacity:1}40%,100%{opacity:.18}}@keyframes setup-amber{0%,25%{opacity:.18}40%,60%{opacity:1}75%,100%{opacity:.18}}@keyframes setup-green{0%,60%{opacity:.18}80%,100%{opacity:1}}@media(prefers-reduced-motion:reduce){.account-setup .red,.account-setup .amber,.account-setup .stop,.account-setup .wait{opacity:.3}.account-setup .green,.account-setup .go{opacity:1}}
.login-motion #setup-form label{font-size:13px}