.login-page{position:fixed;inset:0;width:100%;height:100%;background:#080810;z-index:999;overflow-y:auto;overflow-x:hidden}.accessories-body{width:100%;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at top right,#2d2d52,#0d0d1a 75%);font-family:Barlow,sans-serif;color:#f0f0f0;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}.accessories-body *,.accessories-body :after,.accessories-body :before{box-sizing:border-box;margin:0;padding:0}.scene{z-index:0;overflow:hidden}.scene,.sky{position:absolute;inset:0}.sky{background:linear-gradient(160deg,#0d0d1a,#1a1a3a 50%,#0d0d1a)}.floor{background:linear-gradient(180deg,transparent,#1a1a30 60%,#0d0d1a)}.floor,.pgrid{position:absolute;bottom:0;left:0;right:0;height:42%}.pgrid{overflow:hidden}.pgrid svg{width:100%;height:100%}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.35;animation:orbPulse 6s ease-in-out infinite}.orb1{width:600px;height:500px;background:#e8302a;bottom:-150px;left:-120px;opacity:.2;animation-delay:0s}.orb2{width:500px;height:400px;background:#1a6b1a;top:-120px;right:-100px;opacity:.18;animation-delay:2s}.orb3{width:400px;height:350px;background:#f5a623;bottom:20%;right:20%;opacity:.15;animation-delay:1s}@keyframes orbPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.35;transform:scale(1.08)}}.streak{position:absolute;height:1px;opacity:0;animation:streakRun linear infinite}.sk1{width:300px;top:18%;background:linear-gradient(90deg,transparent,rgba(245,166,35,.8),transparent);animation-duration:5s}.sk2{width:200px;top:55%;background:linear-gradient(90deg,transparent,rgba(232,48,42,.6),transparent);animation-duration:7s;animation-delay:2s}.sk3{width:400px;top:72%;background:linear-gradient(90deg,transparent,rgba(100,181,246,.5),transparent);animation-duration:4s;animation-delay:1s}.sk4{width:150px;top:35%;background:linear-gradient(90deg,transparent,rgba(126,194,66,.5),transparent);animation-duration:6s;animation-delay:3s}@keyframes streakRun{0%{left:-500px;opacity:0}8%{opacity:1}92%{opacity:1}to{left:110%;opacity:0}}.cars-layer{position:absolute;inset:0;pointer-events:none}.car-hero{position:absolute;bottom:30px;right:-20px;width:min(700px,62vw);opacity:.75;filter:drop-shadow(0 0 40px rgba(232,48,42,.2)) drop-shadow(0 0 80px rgba(245,166,35,.05));animation:heroDrive 6s ease-in-out infinite}@keyframes heroDrive{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-12px) translateX(15px)}}.car-left{position:absolute;bottom:18px;right:450px;width:min(320px,28vw);opacity:.2;filter:drop-shadow(0 0 20px rgba(100,181,246,.4));animation:leftDrift 12s ease-in-out infinite}@keyframes leftDrift{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.beam{position:absolute;bottom:80px;right:min(320px,28vw);width:min(420px,36vw);height:180px;background:linear-gradient(135deg,rgba(255,200,80,.15),transparent 70%);transform-origin:right center;transform:skewY(-8deg);animation:beamSweep 5s ease-in-out infinite}@keyframes beamSweep{0%,to{opacity:.4;transform:skewY(-8deg) translateX(0)}50%{opacity:.9;transform:skewY(-10deg) translateX(20px)}}.card-wrap{position:relative;z-index:20;width:100%;max-width:440px;padding:16px;animation:cardIn .9s cubic-bezier(.22,1,.36,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card{background:rgba(25,30,50,.78);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:44px 32px 40px;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);position:relative;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 25px rgba(100,181,246,.08)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#e8302a,#f5a623,#f5a623,#e8302a);background-size:200% 100%;animation:flowLight 4s linear infinite;opacity:.8}@keyframes flowLight{0%{background-position:0}to{background-position:200%}}.logo-row{display:flex;flex-direction:column;align-items:center;margin-top:-12px;margin-bottom:12px}.brand-title{font-family:Bebas Neue,Barlow Condensed,sans-serif;font-size:17px;letter-spacing:2.5px;background:linear-gradient(90deg,#f5a623,#e8302a 35%,#9b51e0 65%,#64b5f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-title,.welcome{font-weight:700;text-transform:uppercase}.welcome{font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:4px;color:#f5a623;margin-bottom:4px}.title,.welcome{text-align:center}.title{font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1;margin-bottom:18px;color:#ffffff}.field{margin-bottom:14px}.field label{display:block;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#94a3b8;margin-bottom:6px;text-align:left}.iw{position:relative}.iw .ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:#64748b;fill:none;transition:stroke .3s}.iw:focus-within .ico{stroke:#6366f1}.field input{width:100%;padding:10px 14px 10px 38px;background:#eef3fc;border:1px solid #eef3fc;border-radius:10px;color:#111827;font-size:14px;font-weight:500;outline:none;transition:all .3s}.field input:focus{border-color:#64b5f6;background:#ffffff;box-shadow:0 0 0 3px rgba(100,181,246,.2)}.eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;stroke:#64748b;fill:none;display:flex;transition:stroke .2s}.eye:hover{stroke:#64b5f6}.opts{justify-content:space-between;margin-bottom:18px}.opts,.rem{display:flex;align-items:center}.rem{gap:8px;font-size:12px;color:#94a3b8;cursor:pointer}.rem input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid rgba(255,255,255,.25);border-radius:4px;position:relative;cursor:pointer}.rem input:checked{background:#f5a623;border-color:#f5a623}.rem input:checked:after{content:"";position:absolute;left:3px;top:1px;width:5px;height:8px;border:1.5px solid #000;border-top:none;border-left:none;transform:rotate(45deg)}.fgt{font-size:12px;color:#f5a623;text-decoration:none;opacity:.9;cursor:pointer}.fgt:hover{text-decoration:underline;opacity:1}.btn{width:100%;padding:12px;border:none;border-radius:9px;background:linear-gradient(90deg,#e8302a,#f5a623);background-size:200% 100%;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:.45s;display:flex;align-items:center;justify-content:center;gap:10px}.btn:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 8px 30px rgba(232,48,42,.35)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.msg{border-radius:8px;padding:10px 14px;font-size:12px;margin-bottom:14px;text-align:center}.msg.err{background:rgba(232,48,42,.15);border:1px solid rgba(232,48,42,.3);color:#ff7b76}.msg.ok{background:rgba(126,194,66,.15);border:1px solid rgba(126,194,66,.3);color:#a3e07a}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;animation:spin .7s linear infinite}.demo-credentials{margin-top:18px;padding:10px 12px;background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.15);border-radius:8px;font-size:11px;color:#94a3b8;display:flex;justify-content:space-between;align-items:center}.demo-credentials span{color:#f5a623;font-weight:600}.quick-fill-btn{background:rgba(245,166,35,.15);color:#f5a623;border:1px solid rgba(245,166,35,.3);border-radius:4px;padding:3px 8px;font-size:10px;cursor:pointer;transition:all .2s}.quick-fill-btn:hover{background:#f5a623;color:#000}.signup{text-align:center;font-size:12.5px;color:#94a3b8}.signup a{color:#f5a623;font-weight:600;text-decoration:none}@media(max-width:600px){.car-hero{width:95vw;right:-10px;bottom:10px;opacity:.45}.beam,.car-left{display:none}}