body.werkstatt-page{overflow:hidden;background:#030811;color:#e9f7ff}.garage-app{height:100svh;padding:74px 24px 24px;display:grid;grid-template-columns:330px 1fr 350px;grid-template-rows:1fr 190px;gap:16px;background:radial-gradient(circle at 50% 40%,rgba(47,170,255,.22),transparent 32%),linear-gradient(180deg,#061322,#02050a)}.garage-panel,.scan-bay,.service-strip{border:1px solid rgba(98,215,255,.17);background:rgba(4,14,27,.76);border-radius:28px;box-shadow:0 24px 90px rgba(0,0,0,.42);backdrop-filter:blur(20px)}.garage-panel{padding:22px;display:grid;align-content:start;gap:14px}.garage-panel h1{font-size:clamp(36px,4vw,60px);line-height:.92;letter-spacing:-.055em;margin:0;color:#f2fbff}.garage-panel p{color:rgba(233,247,255,.64);line-height:1.48}.intake-grid{display:grid;gap:10px}.intake-grid .field input,.intake-grid .field select,.intake-grid .field textarea{background:rgba(98,215,255,.06);border-color:rgba(98,215,255,.18);color:#e9f7ff}.scan-bay{position:relative;grid-column:2;grid-row:1;overflow:hidden;padding:24px;background:linear-gradient(180deg,rgba(4,12,25,.42),rgba(2,7,13,.76)),url("../media/werkstatt-bay.webp") center/cover no-repeat,repeating-linear-gradient(90deg,rgba(98,215,255,.07) 0 1px,transparent 1px 58px)}.hud-line{position:absolute;left:24px;right:24px;top:24px;display:flex;justify-content:space-between;color:#62d7ff;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.car-silhouette{position:absolute;left:8%;right:8%;top:25%;height:42%;border-radius:44% 44% 18% 18%;background:linear-gradient(180deg,rgba(98,215,255,.18),rgba(98,215,255,.04));border:2px solid rgba(98,215,255,.42);box-shadow:0 0 60px rgba(98,215,255,.18),inset 0 0 40px rgba(98,215,255,.1)}.car-silhouette::before{content:"";position:absolute;left:18%;right:18%;top:16%;height:36%;border-radius:50% 50% 12% 12%;border:2px solid rgba(98,215,255,.35)}.wheel{position:absolute;bottom:-34px;width:96px;height:96px;border-radius:50%;border:12px solid rgba(233,247,255,.16);background:#030811;box-shadow:inset 0 0 0 8px rgba(98,215,255,.12)}.wheel.a{left:16%}.wheel.b{right:16%}.scan-beam{position:absolute;top:18%;bottom:20%;width:4px;background:#62d7ff;box-shadow:0 0 34px #62d7ff;animation:scan 3.4s infinite alternate ease-in-out}@keyframes scan{from{left:14%}to{left:84%}}.diagnostic-cards{position:absolute;left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.diag{padding:14px;border-radius:18px;background:rgba(0,0,0,.3);border:1px solid rgba(98,215,255,.16)}.diag strong{display:block;color:#62d7ff;font-size:22px}.diag span{font-size:12px;color:rgba(233,247,255,.62)}.work-order{grid-column:3;grid-row:1;padding:22px;display:grid;gap:13px;align-content:start}.work-order h2{font-size:34px;margin:0}.service-list{display:grid;gap:9px}.service-btn{border:1px solid rgba(98,215,255,.18);background:rgba(98,215,255,.06);color:#e9f7ff;border-radius:16px;padding:12px;text-align:left;font-weight:900}.service-btn.active{background:#62d7ff;color:#04101d}.order-box{border-radius:20px;padding:16px;background:rgba(0,0,0,.28);border:1px solid rgba(98,215,255,.16);min-height:145px}.order-box strong{display:block;color:#62d7ff;margin-bottom:8px}.service-strip{grid-column:1 / span 3;grid-row:2;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:14px}.service-tile{border-radius:22px;border:1px solid rgba(98,215,255,.15);background:linear-gradient(180deg,rgba(98,215,255,.09),rgba(255,255,255,.03));padding:14px;position:relative;overflow:hidden}.service-tile::after{content:"";position:absolute;right:-20px;top:-20px;width:70px;height:70px;border-radius:50%;background:rgba(98,215,255,.12)}.service-tile b{display:block;margin-bottom:6px}.service-tile span{font-size:12px;color:rgba(233,247,255,.62)}@media(max-width:1120px){body.werkstatt-page{overflow:auto}.garage-app{height:auto;grid-template-columns:1fr;padding:12px}.scan-bay,.work-order,.service-strip{grid-column:auto;grid-row:auto}.scan-bay{min-height:650px}.diagnostic-cards,.service-strip{grid-template-columns:1fr 1fr}.service-strip{display:grid}}

.scan-bay .car-silhouette,.scan-bay .wheel{display:none}.scan-bay .hud-line,.scan-bay .diagnostic-cards,.scan-bay .scan-beam{z-index:2}
