:root{--audi-red: #861a22;--audi-red-bright: #e62032;--audi-blue: #6093ac;--bg-dark: #030508}.login-body{background:var(--bg-dark);color:#fff;overflow:hidden;background-image:radial-gradient(circle at 50% 50%,#0a1118 0%,var(--bg-dark) 100%)}.ambient-orb{position:fixed;border-radius:50%;filter:blur(140px);opacity:.15;pointer-events:none;z-index:0;animation:pulseOrb 10s ease-in-out infinite alternate}.ambient-orb.red{width:600px;height:600px;left:-200px;top:-200px;background:var(--audi-red);animation-delay:-5s}.ambient-orb.blue{width:500px;height:500px;right:-200px;bottom:-200px;background:#2c4552}@keyframes pulseOrb{0%{transform:scale(1) translate(0);opacity:.12}to{transform:scale(1.1) translate(20px,20px);opacity:.22}}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.3) 1px,transparent 1px);background-size:4px 4px;opacity:.04}.car-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transform:translateY(30px)}.car-scene svg{width:min(1500px,120vw);height:auto;opacity:.85}.wind-line{fill:none;stroke:#6093ac26;stroke-width:1;stroke-linecap:round;stroke-dasharray:200 800;animation:windFlow linear infinite}.wind-line:nth-child(1){animation-duration:8s;animation-delay:0s}.wind-line:nth-child(2){animation-duration:12s;animation-delay:-3s;stroke:#861a2226}.wind-line:nth-child(3){animation-duration:10s;animation-delay:-6s}@keyframes windFlow{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.car-base{fill:none;stroke:#ffffff0d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.car-base-wheel{fill:none;stroke:#ffffff0f;stroke-width:1.5;stroke-dasharray:10 5;animation:wheelSpin 20s linear infinite}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.car-glow{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5;stroke:var(--audi-red-bright);filter:drop-shadow(0 0 12px var(--audi-red-bright)) drop-shadow(0 0 24px var(--audi-red))}.login-page{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;perspective:1500px}#tiltCard{--rx: 0deg;--ry: 0deg;--glare-x: 50%;--glare-y: 50%;position:relative;width:min(860px,100%);min-height:520px;display:flex;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .2s cubic-bezier(.2,.7,.2,1);border:1px solid rgba(255,255,255,.15);border-radius:28px;background:linear-gradient(135deg,#ffffff0d,#0006);box-shadow:0 40px 100px #000c,inset 0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);overflow:hidden}#tiltCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--glare-x) var(--glare-y),rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;z-index:20;mix-blend-mode:overlay}.brand-panel{position:relative;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 40px;text-align:center;background:radial-gradient(circle at 50% 30%,rgba(134,26,34,.08),transparent 50%),linear-gradient(180deg,#ffffff05,#0000004d);border-right:1px solid rgba(255,255,255,.05);transform:translateZ(30px)}.brand-title{margin:0;font-size:clamp(24px,2.5vw,32px);font-weight:800;letter-spacing:-.03em}.brand-title span{display:block;color:transparent;background:linear-gradient(90deg,#94a3b8,#fff,#6093ac,#94a3b8);background-size:200% auto;-webkit-background-clip:text;background-clip:text;animation:titleGradient 6s linear infinite}@keyframes titleGradient{to{background-position:200% center}}.brand-description{max-width:320px;margin-top:12px;color:#ffffffb3;font-size:13px;line-height:1.6}.brand-footer{position:absolute;bottom:20px;color:#ffffff4d;font-size:10px;letter-spacing:.05em}.login-panel{position:relative;width:50%;display:flex;align-items:center;justify-content:center;padding:50px 40px;background:#04060999}.login-inner{width:100%;max-width:340px}.system-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--audi-blue);font-family:ui-monospace,monospace;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.system-label:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--audi-blue);box-shadow:0 0 10px var(--audi-blue);animation:pulseDot 2s infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.login-title{margin:0;font-size:28px;font-weight:800;letter-spacing:-.03em}.login-description{margin-top:8px;color:#ffffff80;font-size:13px;line-height:1.5}.microsoft-button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:30px;padding:14px 20px;border-radius:12px;background:#fff;color:#1f2937;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 10px 20px #0003;transition:all .3s cubic-bezier(.2,.8,.2,1);overflow:hidden}.microsoft-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 30px #0000004d,0 0 15px #fff3}.microsoft-button:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:skew(-20deg);transition:0s}.microsoft-button:hover:after{left:200%;transition:.7s ease-in-out}@media(max-width:768px){#tiltCard{flex-direction:column;transform:none!important;min-height:auto;width:100%;max-width:450px}#tiltCard:before{display:none}.brand-panel,.login-panel{width:100%;transform:none;padding:40px 30px}.car-scene svg{width:250vw;opacity:.5}}