:root{--bg:#05070a;--panel:#0d1117;--panel2:#111722;--blue:#168cff;--blue2:#49b5ff;--text:#f5f8fc;--muted:#8b97a7;--line:#202a38;--success:#31d17c;--font-display:'Barlow Condensed',sans-serif;--font-body:'Inter',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;overflow-x:hidden}.ambient{position:absolute;top:-280px;left:20%;width:850px;height:600px;background:radial-gradient(circle,rgba(22,140,255,.16),transparent 66%);pointer-events:none}.topbar{height:90px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:2}.brand{display:flex;align-items:center;text-decoration:none;gap:12px}.brand img{width:180px;height:52px;object-fit:contain;object-position:left}.club-pill{font:700 14px var(--font-display);letter-spacing:2px;background:var(--blue);color:white;padding:5px 8px;transform:skew(-8deg)}.desktop-nav{display:flex;gap:34px}.desktop-nav a{font-size:14px;color:#b7c1ce;text-decoration:none;transition:.2s}.desktop-nav a:hover{color:white}.btn{border:0;border-radius:5px;min-height:46px;padding:0 21px;font:700 15px var(--font-body);cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#006ddf);color:white;box-shadow:0 8px 28px rgba(22,140,255,.22)}.btn-primary span{margin-left:16px}.btn-ghost{color:white;background:#121720;border:1px solid #283343}.btn-text{color:white;background:transparent;border-bottom:1px solid #647386;border-radius:0}.btn-outline{color:#dbe9f8;background:transparent;border:1px solid #334255;width:100%}.hero{min-height:680px;max-width:1240px;margin:auto;padding:105px 28px 70px;position:relative}.hero:after{content:'M';position:absolute;right:-20px;top:20px;font:800 570px/1 var(--font-display);font-style:italic;color:transparent;-webkit-text-stroke:1px rgba(31,144,255,.09);z-index:-1}.eyebrow,.section-heading small,.benefit-copy>small,.modal-card small,.dash-head small,.dash-content article>small,.vehicle-strip small,.field-title{font-weight:700;letter-spacing:2.2px;font-size:12px;color:var(--blue2)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:2px;background:var(--blue)}.hero h1{font:800 clamp(64px,9vw,120px)/.82 var(--font-display);letter-spacing:-2px;margin:28px 0 28px;text-transform:uppercase;max-width:850px}.hero h1 em{font-style:italic;color:var(--blue2)}.hero>p{color:#a5afbd;font-size:18px;line-height:1.7;max-width:600px}.hero-actions{display:flex;gap:16px;margin-top:35px}.hero-stats{display:flex;gap:60px;margin-top:80px;padding-top:28px;border-top:1px solid rgba(255,255,255,.09);max-width:780px}.hero-stats div{display:flex;flex-direction:column;gap:7px}.hero-stats strong{font:600 21px var(--font-display);text-transform:uppercase}.hero-stats span{font-size:13px;color:var(--muted)}.steps,.plans{padding:92px max(28px,calc((100vw - 1184px)/2))}.steps{background:#080b10}.section-heading{display:flex;align-items:center;gap:18px;margin-bottom:42px}.section-heading>span{font:700 54px var(--font-display);color:transparent;-webkit-text-stroke:1px #314053}.section-heading h2{font:700 46px var(--font-display);text-transform:uppercase;margin:2px 0 0}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.step-grid article{background:#0c1016;padding:34px 28px;min-height:230px}.step-grid b{font:700 32px var(--font-display);color:var(--blue);opacity:.45}.step-grid h3{font:600 23px var(--font-display);text-transform:uppercase;margin:30px 0 10px}.step-grid p,.section-copy,.benefit-copy p{color:var(--muted);line-height:1.6;font-size:14px}.section-copy{margin:-30px 0 38px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan-card{background:linear-gradient(145deg,#0d1219,#090c11);border:1px solid var(--line);padding:34px;position:relative;border-radius:7px}.plan-card.featured{border-color:var(--blue);box-shadow:0 20px 60px rgba(0,100,210,.18);transform:translateY(-10px)}.popular{position:absolute;top:0;right:22px;background:var(--blue);font:700 11px var(--font-body);letter-spacing:1.4px;padding:8px 12px}.plan-name{display:flex;flex-direction:column}.plan-name span{font:700 30px var(--font-display);font-style:italic}.plan-name small{color:var(--muted);margin-top:4px}.price{display:flex;align-items:flex-start;margin:28px 0}.price sup{font-weight:700;color:var(--blue2);margin-top:10px}.price strong{font:700 62px/.9 var(--font-display)}.price small{align-self:flex-end;color:var(--muted);margin:0 0 7px 5px}.plan-card ul{list-style:none;padding:0;margin:0 0 28px}.plan-card li{padding:13px 0;border-bottom:1px solid var(--line);color:#c0c8d2;font-size:14px}.plan-card li:before{content:'✓';color:var(--blue2);margin-right:10px;font-weight:bold}.benefits{margin:40px auto 100px;max-width:1184px;background:linear-gradient(120deg,#0c121a,#101b29);border:1px solid #203045;border-radius:8px;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative;overflow:hidden}.benefits:after{content:'';position:absolute;width:280px;height:280px;background:var(--blue);filter:blur(130px);opacity:.12;right:-80px;bottom:-120px}.benefit-copy h2{font:700 46px/1 var(--font-display);text-transform:uppercase;margin:12px 0 20px}.benefit-list{display:flex;flex-direction:column;gap:18px}.benefit-list>div{display:flex;gap:15px;padding:16px;border-bottom:1px solid #253447}.benefit-list>div>span{display:grid;place-items:center;min-width:32px;height:32px;background:rgba(22,140,255,.13);color:var(--blue2);border-radius:50%}.benefit-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.benefit-list strong{color:white;display:block;font-size:15px}footer{max-width:1184px;margin:auto;border-top:1px solid var(--line);padding:34px 0 44px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.footer-brand{font:800 27px var(--font-display);font-style:italic;color:white}.footer-brand span,.dash-brand span{color:var(--blue2)}footer p{text-align:center;line-height:1.6}footer a{color:var(--blue2);text-decoration:none}.modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.modal-card{width:min(560px,100%);max-height:92vh;overflow:auto;background:#0b1017;border:1px solid #263246;border-radius:10px;padding:42px;position:relative;animation:rise .25s ease}.modal-close,.dash-close{position:absolute;right:18px;top:13px;background:none;border:0;color:#8390a0;font-size:30px;cursor:pointer}.modal-card h2{font:700 39px/1 var(--font-display);text-transform:uppercase;margin:10px 0}.modal-copy{color:var(--muted);font-size:14px;line-height:1.6}.modal-card label,.scheduler label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:13px;margin-top:16px}.modal-card input,.modal-card select,.scheduler select{height:48px;background:#111823;border:1px solid #2a3648;color:white;border-radius:5px;padding:0 13px;font:500 15px var(--font-body);outline:none}.modal-card input:focus,.modal-card select:focus,.scheduler select:focus{border-color:var(--blue)}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:12px}.btn-full{width:100%;margin-top:22px}.modal-step{display:none}.modal-step.active{display:block}.success-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(49,209,124,.12);color:var(--success);font-size:28px;margin-bottom:25px}.modal-step[data-step=success]{text-align:center}.modal-step[data-step=success] .success-icon{margin-left:auto;margin-right:auto}.dashboard{width:min(1180px,96vw);height:min(730px,94vh);background:#080c11;border:1px solid #263246;border-radius:10px;position:relative;display:grid;grid-template-columns:250px 1fr;overflow:hidden;animation:rise .25s ease}.dashboard aside{background:#0d1219;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.dash-brand{font:800 27px var(--font-display);font-style:italic;margin:0 10px 36px}.customer{display:flex;align-items:center;gap:10px;padding:15px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.customer>div{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-weight:700}.customer p{margin:0;display:flex;flex-direction:column;font-size:12px}.customer p span{color:var(--muted);margin-top:3px}.dashboard aside nav{margin-top:25px;display:flex;flex-direction:column;gap:7px}.dash-tab{display:flex;gap:12px;align-items:center;height:45px;border:0;border-radius:5px;background:transparent;color:#8f9cad;font:600 14px var(--font-body);cursor:pointer;padding:0 13px;text-align:left}.dash-tab.active{background:#142437;color:#5ab7ff}.logout{margin-top:auto;border:0;background:none;color:#788596;cursor:pointer;text-align:left;padding:10px}.dash-content{padding:42px;overflow:auto;position:relative}.dash-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.dash-head h2{font:700 43px var(--font-display);text-transform:uppercase;margin:4px 0}.dash-head p{color:var(--muted);margin:0}.dash-cards{display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.dash-cards article,.vehicle-strip,.scheduler,.vehicle-card{background:#0e141d;border:1px solid var(--line);border-radius:7px;padding:26px}.wash-count{display:flex;align-items:center;gap:18px;margin:19px 0}.wash-count strong{font:700 65px/1 var(--font-display);color:var(--blue2)}.wash-count span{font-size:13px;color:#a9b3bf;line-height:1.4}.progress{height:6px;border-radius:10px;background:#202b39;overflow:hidden}.progress i{display:block;width:50%;height:100%;background:var(--blue)}.balance-card>p{color:var(--muted);font-size:12px}.date-box{display:flex;align-items:center;gap:10px;margin:16px 0 12px}.date-box strong{font:700 50px/1 var(--font-display)}.date-box span{font:700 11px/1.2 var(--font-body);color:var(--blue2)}.next-card h3{font:600 22px var(--font-display);text-transform:uppercase;margin:6px 0}.next-card p{color:var(--muted);font-size:13px}.link-btn{color:var(--blue2);background:none;border:0;padding:8px 0;font-weight:700;cursor:pointer}.vehicle-strip{display:flex;align-items:center;margin-top:18px;gap:16px}.car-mark{width:48px;height:48px;display:grid;place-items:center;background:linear-gradient(135deg,#0d6fe1,#42baff);clip-path:polygon(50% 0,100% 20%,85% 82%,50% 100%,15% 82%,0 20%);font:800 22px var(--font-display)}.vehicle-strip h3{margin:5px 0 3px;font:600 20px var(--font-display);text-transform:uppercase}.vehicle-strip p{margin:0;color:var(--muted);font-size:12px}.status{margin-left:auto;color:var(--success);background:rgba(49,209,124,.1);font-size:11px;font-weight:700;padding:8px 10px;border-radius:20px}.dash-view{display:none}.dash-view.active{display:block}.scheduler{max-width:650px}.scheduler label{margin:0 0 18px}.field-title{display:block;margin:22px 0 12px}.time-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.time-grid button{height:42px;background:#111a26;color:#b9c3cf;border:1px solid #293649;border-radius:5px;cursor:pointer}.time-grid button.selected{background:var(--blue);border-color:var(--blue);color:white}.booking-success{margin-top:15px;color:var(--success);font-weight:600;text-align:center}.vehicle-card{max-width:540px;text-align:center}.car-mark.large{width:80px;height:80px;font-size:34px;margin:0 auto 20px}.vehicle-card h3{font:600 28px var(--font-display);text-transform:uppercase;margin:0}.vehicle-card>p{color:var(--muted)}.vehicle-card dl{margin-top:25px;text-align:left}.vehicle-card dl div{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);gap:20px}.vehicle-card dt{color:var(--muted);font-size:13px}.vehicle-card dd{margin:0;font-size:13px;text-align:right}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:850px){.desktop-nav{display:none}.topbar{height:75px;padding:0 18px}.brand img{width:140px}.btn-ghost{padding:0 12px;font-size:12px}.hero{padding:80px 20px 50px;min-height:auto}.hero h1{font-size:64px}.hero>p{font-size:16px}.hero-stats{gap:20px;display:grid;grid-template-columns:1fr}.steps,.plans{padding:70px 20px}.step-grid,.plan-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.benefits{margin:20px 20px 70px;padding:35px 25px;grid-template-columns:1fr;gap:25px}.benefit-copy h2{font-size:38px}footer{margin:0 20px;flex-direction:column;gap:20px;text-align:center}.dashboard{width:100%;height:100%;max-height:none;border-radius:0;grid-template-columns:1fr}.dashboard aside{display:none}.dash-content{padding:50px 20px 25px}.dash-head{flex-direction:column;gap:18px}.dash-cards{grid-template-columns:1fr}.time-grid{grid-template-columns:repeat(3,1fr)}.status{display:none}.modal{padding:0}.modal-card{max-height:100vh;border-radius:0;padding:42px 22px}.form-row{grid-template-columns:1fr}.section-heading h2{font-size:38px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{text-align:center}.hero-stats{margin-top:50px}.dash-close{display:block}}

/* Ajustes de adaptação para computador, tablet e celular */
img, video, canvas { max-width: 100%; height: auto; }
button, input, select, textarea { max-width: 100%; }
@media (min-width: 851px) and (max-width: 1180px) {
  .topbar, .hero { max-width: 100%; }
  .hero { padding-top: 82px; }
  .hero h1 { font-size: clamp(70px, 9vw, 100px); }
  .steps, .plans { padding-left: 32px; padding-right: 32px; }
  .step-grid { grid-template-columns: repeat(2, 1fr); }
  .plan-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .plan-card { padding: 25px 20px; }
  .benefits { margin-left: 32px; margin-right: 32px; }
  .dashboard { width: 96vw; height: 92vh; }
  .admin-shell { width: 97vw; }
}
@media (max-width: 850px) {
  body { font-size: 15px; }
  .topbar { gap: 10px; }
  .header-actions { display: flex; gap: 6px; }
  .header-actions .open-admin { display: none !important; }
  .hero h1 { letter-spacing: -1px; }
  .hero:after { right: -90px; font-size: 380px; }
  .section-heading { gap: 10px; }
  .section-heading > span { font-size: 42px; }
  .plan-card { padding: 26px 22px; }
  .visitor-gate { padding: 12px; align-items: start; }
  .visitor-gate-card { margin: auto 0; width: 100%; max-height: calc(100dvh - 24px); overflow-y: auto; }
  .visitor-gate-card h1 { font-size: clamp(32px, 9vw, 42px); }
  .modal-card { width: 100%; }
  .dash-content, .admin-content { -webkit-overflow-scrolling: touch; }
}
@media (max-width: 600px) {
  .topbar { padding: 0 12px; }
  .brand img { width: 118px; }
  .club-pill { font-size: 11px; padding: 4px 6px; }
  .header-actions .btn { min-height: 40px; padding: 0 10px; font-size: 11px; }
  .hero { padding: 56px 16px 40px; }
  .hero h1 { font-size: clamp(48px, 16vw, 70px); }
  .hero-actions .btn { width: 100%; }
  .steps, .plans { padding-left: 16px; padding-right: 16px; }
  .section-heading h2 { font-size: 32px; }
  .benefits { margin-left: 16px; margin-right: 16px; padding: 28px 20px; }
  .benefit-copy h2 { font-size: 32px; }
  footer { margin-left: 16px; margin-right: 16px; }
  .modal-card { padding: 42px 16px 24px; }
  .dashboard { width: 100%; }
  .dash-content { padding: 48px 14px 20px; }
  .dash-head h2 { font-size: 34px; }
  .dash-cards article, .vehicle-strip, .scheduler, .vehicle-card { padding: 18px; }
  .time-grid { grid-template-columns: repeat(2, 1fr); }
  .vehicle-strip { align-items: flex-start; }
  .vehicle-strip .status { display: none; }
  .visitor-gate-card { padding: 26px 18px; }
  .visitor-gate-card input { height: 46px; }
}
@media (max-width: 380px) {
  .brand img { width: 104px; }
  .club-pill { display: none; }
  .hero h1 { font-size: 46px; }
  .visitor-gate-card h1 { font-size: 31px; }
  .visitor-gate-card { padding: 22px 15px; }
}
.vehicle-picker{display:grid;grid-template-columns:1fr 1.25fr;gap:12px;min-width:0}.vehicle-picker label{margin-top:0!important}.vehicle-picker select,.vehicle-picker input{height:48px;background:#111823;border:1px solid #2a3648;color:white;border-radius:5px;padding:0 13px;font:500 15px var(--font-body);outline:none;width:100%}.vehicle-picker select:focus,.vehicle-picker input:focus{border-color:var(--blue)}.vehicle-picker input[hidden]{display:none}.vehicle-row{align-items:end}.vehicle-row>.vehicle-picker{grid-column:1}.vehicle-row>label{grid-column:2}
@media(max-width:600px){.vehicle-row{display:flex;flex-direction:column;gap:0}.vehicle-row>.vehicle-picker,.vehicle-row>label{width:100%}.vehicle-picker{grid-template-columns:1fr;gap:0}.vehicle-picker label{margin-top:16px!important}}