@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";section[id]{scroll-margin-top:80px}:root{--primary:#ebb035;--primary-rgb:235, 176, 53;--primary-glow:#ebb03580;--primary-dark:#b08428;--bg-dark:#05080a;--bg-card:#0d1117;--bg-card-light:#161b22;--text-main:#fff;--text-dim:#8b949e;--glass:#ffffff05;--glass-border:#30363d;--accent:#f5f5f5;--danger:#ff4d4d;--success:#238636;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--border-sharp:0px;--border-acc:2px solid var(--primary)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;text-transform:uppercase;font-style:italic;font-weight:900}.glass-morphism{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--border-sharp);position:relative}.glass-morphism:before{content:"";background:var(--primary);width:4px;height:20px;position:absolute;top:0;left:0}.btn-primary{background:var(--primary);color:#000;border-radius:var(--border-sharp);cursor:pointer;font-weight:900;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;border:none;justify-content:center;align-items:center;padding:16px 36px;font-size:.85rem;font-style:italic;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:-8px 8px 0px var(--primary-glow);background:#fff;transform:translate(4px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);color:var(--text-main);border-radius:var(--border-sharp);cursor:pointer;font-weight:800;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;background:#0009;border:1px solid #ffffff1a;justify-content:center;align-items:center;padding:14px 32px;font-size:.85rem;font-style:italic;transition:all .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--primary);background:#ebb0351a}.gradient-text{background:linear-gradient(90deg, #fff 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-right:.1em}.section-padding{padding:120px 8%}.racing-bg{background-image:linear-gradient(135deg,#0000 25%,#ffffff05 25% 50%,#0000 50% 75%,#ffffff05 75% 100%);background-size:40px 40px}.reveal{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards revealUp}@keyframes revealUp{0%{opacity:0;transform:translateY(30px)skewY(2deg)}to{opacity:1;transform:translateY(0)skewY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary)}.status-valid{color:var(--success);font-family:monospace;font-weight:900}.status-invalid{color:var(--danger);font-family:monospace;font-weight:900}.data-pill{border-left:3px solid var(--primary);color:var(--text-main);text-transform:uppercase;background:#ffffff0d;padding:8px 15px;font-family:monospace;font-size:.8rem}.glass-input{color:#fff;background:#000;border:1px solid #333;border-radius:0;outline:none;width:100%;padding:14px;font-size:.9rem;transition:border-color .3s}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 10px #ebb0351a}.glass-select{background:var(--bg-card,#0d1117);border:1px solid var(--glass-border,#30363d);border-radius:var(--border-sharp,0px);width:100%;color:var(--text-main,#fff);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23EBB035' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;outline:none;padding:12px 40px 12px 16px;font-size:.9rem;font-weight:500;transition:all .3s}.glass-select:focus,.glass-select:hover:not(:disabled){border-color:var(--primary);box-shadow:0 0 10px #ebb03526}.glass-select:disabled{opacity:.5;cursor:not-allowed}.glass-select option{color:#fff;background-color:#0d1117;padding:12px}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:30px;display:grid}.hero{background-image:linear-gradient(90deg,#05080a 20%,#05080a66 60%,#05080a00 100%),url(/group-ride.png);background-position:100%;background-size:cover}@media (width<=768px){.hero{background-image:linear-gradient(#05080ae6 0%,#05080a80 100%),url(/group-ride.png);background-position:50%}.grid-2{grid-template-columns:1fr}.section-padding{padding:80px 5%}}.app{opacity:0;transition:opacity 1s}.app.content-ready{opacity:1}.garage-container{background-color:var(--bg-dark);max-width:1200px;min-height:100vh;margin:0 auto;padding:100px 5% 60px}.garage-loading{text-align:center;padding-top:200px}.loading-text{color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-top:20px;font-weight:800}.profile-header-card{background:var(--bg-card);border:1px solid var(--glass-border);align-items:center;gap:40px;margin-bottom:2px;padding:40px;display:flex;position:relative;overflow:hidden}.profile-header-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 60%,#ebb0350d 100%);width:100%;height:100%;position:absolute;top:0;right:0}.avatar-wrapper{flex-shrink:0;width:140px;height:140px;position:relative}.avatar-image{border-radius:var(--border-sharp);object-fit:cover;border:1px solid var(--primary);background:var(--bg-dark);width:100%;height:100%;padding:2px}.edit-avatar-btn{background:var(--primary);color:#000;border-radius:var(--border-sharp);border:2px solid var(--bg-card);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex;position:absolute;bottom:-5px;right:-5px}.edit-avatar-btn:hover{transform:scale(1.1)}.profile-info-basic{flex:1}.badge-elite{color:var(--primary);letter-spacing:.1em;align-items:center;gap:6px;margin-bottom:8px;font-size:.8rem;font-weight:800;display:inline-flex}.pilot-name{text-transform:uppercase;color:var(--text-main);align-items:center;gap:12px;margin:0 0 10px;font-size:2.5rem;font-style:italic;font-weight:900;display:flex}.verified-icon{color:var(--primary)}.location-tag{color:var(--text-dim);align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;display:flex}.id-display{color:var(--text-dim);align-items:center;gap:10px;font-size:.85rem;display:flex}.id-display code{color:#fff;background:var(--bg-card-light);border-radius:var(--border-sharp);padding:2px 8px;font-family:monospace}.copy-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px}.copy-btn:hover{color:var(--primary)}.stats-row{background:var(--glass-border);border:1px solid var(--glass-border);border-radius:0;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:30px;display:grid}.stat-pill{background:var(--bg-card);align-items:center;gap:15px;padding:20px;display:flex}.stat-icon-box{color:var(--primary);opacity:.8}.stat-content{flex-direction:column;display:flex}.stat-label{color:var(--text-dim);text-transform:uppercase;font-size:.7rem;font-weight:700}.stat-value{color:var(--text-main);font-size:1rem;font-weight:800}.garage-content-grid{grid-template-columns:1fr;gap:20px;display:grid}.profile-section-card{background:var(--bg-card);border:1px solid var(--glass-border);padding:0;position:relative}.profile-section-card:before{content:"";background:var(--primary);width:40px;height:3px;position:absolute;top:-1px;left:20px}.section-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:15px 25px;display:flex}.section-header h2{color:var(--text-main);align-items:center;gap:12px;margin:0;font-size:1rem;display:flex}.section-icon{color:var(--primary)}.edit-link{color:var(--primary);text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:.8rem;font-weight:800;display:flex}.section-body{padding:25px}.info-display-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.info-item{border-bottom:1px solid #ffffff08;justify-content:space-between;padding-bottom:12px;display:flex}@media (width>=769px){.info-display-grid{grid-template-columns:repeat(3,1fr);gap:0}.info-item{border-bottom:none;padding:15px 20px}.info-item:nth-child(3n+1){padding-left:0}.info-item:nth-child(3n+2){border-left:1px solid var(--glass-border)}.info-item:nth-child(3n+3){border-left:1px solid var(--glass-border);padding-right:0}}.info-item-label{color:var(--text-dim);font-size:.9rem}.info-item-value{color:var(--text-main);text-align:right;font-weight:500}.vehicles-list{flex-direction:column;gap:15px;display:flex}.vehicle-card{background:var(--bg-card-light);border:1px solid var(--glass-border);cursor:pointer;gap:20px;padding:15px;transition:border-color .2s;display:flex;position:relative}.vehicle-card:hover{border-color:var(--primary)}.vehicle-img-box{border:1px solid var(--glass-border);background:#000;flex-shrink:0;width:160px;height:100px;transition:border-color .3s;position:relative}.vehicle-img-box img{object-fit:cover;width:100%;height:100%}.badge-primary-vehicle{background:var(--primary);color:#000;letter-spacing:.05em;padding:2px 6px;font-size:.6rem;font-weight:900;position:absolute;top:5px;left:5px}.vehicle-details{flex-direction:column;flex:1;justify-content:center;display:flex}.vehicle-details h3{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 5px;font-size:1.2rem;font-style:italic}.vehicle-meta{color:var(--text-dim);margin-bottom:8px;font-size:.85rem}.arrow-right{color:var(--text-dim);align-items:center;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--primary);border-radius:0;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 0 50px #ebb0351a}.glass-input{background:var(--bg-card-light);border:1px solid var(--glass-border);color:#fff;width:100%;font-family:var(--font-body);border-radius:0;outline:none;padding:14px;font-size:1rem}.glass-input:focus{border-color:var(--primary)}.form-group{margin-bottom:20px}.form-group label{color:var(--text-dim);text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.checkbox-group{gap:30px;margin:10px 0 20px;display:flex}.checkbox-group label{cursor:pointer;color:#fff;align-items:center;gap:10px;font-size:.9rem;display:flex}.checkbox-group input{accent-color:var(--primary);width:18px;height:18px}.status-valid{color:var(--primary);font-weight:700}.status-invalid{color:var(--danger);font-weight:700}@media (width<=768px){.profile-header-card{text-align:center;flex-direction:column;padding:30px 20px}.stats-row{grid-template-columns:repeat(2,1fr)}.info-display-grid{grid-template-columns:1fr}.vehicle-card{flex-direction:column}.vehicle-img-box{width:100%;height:180px}.profile-info-basic h1{justify-content:center;font-size:1.8rem}.tech-spec-grid{grid-template-columns:1fr}}.vehicle-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.vin-display{color:var(--text-dim);letter-spacing:1px;background:#ffffff0d;padding:2px 8px;font-family:monospace;font-size:.75rem}.tech-spec-grid{border-left:3px solid var(--primary);background:#0003;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:15px;padding:12px;display:grid}.spec-item{flex-direction:column;gap:4px;display:flex}.spec-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:.6rem;font-weight:800}.spec-value{color:#fff;text-transform:uppercase;font-size:.85rem;font-weight:700}.vehicle-actions{margin-top:auto}.delete-btn{color:var(--danger);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:none;padding:0;font-size:.65rem;font-weight:900}.delete-btn:hover{color:red;text-decoration:underline}.img-overlay-specs{color:#fff;background:#000c;border-top-left-radius:0;gap:8px;padding:2px 8px;font-size:.65rem;font-weight:900;display:flex;position:absolute;bottom:0;right:0}.vehicle-card:hover .vehicle-img-box{border-color:var(--primary)}.confirm-card{border:1px solid #ffffff1a;box-shadow:0 20px 50px #000c;background:#0a0a0afa!important;max-width:400px!important;padding:40px!important}.vehicle-preview-box{border-left:3px solid var(--primary);background:#ffffff0d;border-radius:4px;flex-direction:column;gap:5px;margin:10px 0;padding:15px;display:flex}.preview-model{color:var(--text-main);text-transform:uppercase;font-size:1.1rem;font-weight:800}.preview-reg{color:var(--primary);letter-spacing:1px;font-family:monospace;font-size:.8rem}.garage-lock-overlay{background:radial-gradient(circle,#0b1522 0%,#05080a 100%);justify-content:center;align-items:center;min-height:85vh;padding:120px 20px 60px;display:flex;position:relative;overflow:hidden}.garage-lock-card{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(15px);text-align:center;border-radius:var(--border-sharp);background:#0d141c73;width:100%;max-width:500px;padding:clamp(30px,6vw,55px);position:relative;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff0d}.garage-lock-card:before{content:"";background:var(--primary);width:60px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.lock-icon-wrapper{justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 30px;display:flex;position:relative}.lock-neon-ring{border:2px dashed #ebb0354d;border-radius:50%;width:100%;height:100%;animation:12s linear infinite rotate;position:absolute;top:0;left:0}.lock-svg{color:var(--primary);filter:drop-shadow(0 0 15px #ebb03566)}@keyframes rotate{to{transform:rotate(360deg)}}.lock-headline{font-family:var(--font-heading);letter-spacing:2px;color:#fff;text-transform:uppercase;margin:0 0 20px;font-size:2rem;font-style:italic;font-weight:900;line-height:1.2}.lock-highlight{color:var(--primary);text-shadow:0 0 20px #ebb0354d}.lock-divider{background:var(--primary);width:50px;height:2px;margin:0 auto 25px}.lock-message{color:var(--text-dim);margin-bottom:35px;font-size:.95rem;line-height:1.6}.lock-actions{flex-direction:column;gap:15px;display:flex}.lock-btn-primary{letter-spacing:1px;width:100%;background:var(--primary)!important;color:#000!important;border-radius:0!important;padding:16px!important;font-size:.9rem!important;font-weight:800!important}.lock-btn-secondary{letter-spacing:1px;width:100%;color:#fff!important;border-color:#ffffff26!important;border-radius:0!important;padding:16px!important;font-size:.9rem!important;font-weight:800!important}.lock-btn-secondary:hover{border-color:var(--primary)!important;color:var(--primary)!important}.auth-overlay{background:radial-gradient(circle,#0b2e59 0%,#05080a 100%);justify-content:center;align-items:center;min-height:100vh;padding:80px 20px;display:flex;position:relative}.auth-card{border:2px solid var(--primary);text-align:center;border-radius:var(--border-sharp);background:var(--bg-card);width:100%;max-width:480px;padding:clamp(30px,8vw,60px);position:relative;box-shadow:20px 20px #ebb0351a}.auth-close-btn{background:var(--primary);color:#000;cursor:pointer;z-index:100;border:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:0;right:0}.auth-logo-box{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;margin:0 auto 25px;padding:0;display:flex;position:relative;box-shadow:0 0 40px #fff3}.auth-logo-box img{object-fit:contain;filter:drop-shadow(0 0 10px #0000001a);width:105%;height:105%}.auth-title{font-family:var(--font-heading);letter-spacing:1.5px;color:var(--primary);text-transform:uppercase;text-shadow:0 0 20px #ebb03533;margin-bottom:40px;font-size:2.2rem;font-style:italic;font-weight:900;line-height:1.1}.auth-subtitle{color:#fff;letter-spacing:4px;font-size:.9rem}.auth-form{text-align:left;flex-direction:column;gap:20px;display:flex}.auth-input-group label{color:var(--text-main);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:.75rem;font-weight:800;display:block}.auth-input{border-radius:var(--border-sharp);color:#fff;background:#000;border:1px solid #333;outline:none;width:100%;padding:14px;font-family:monospace;font-size:.9rem;transition:border-color .3s}.auth-input:focus{border-color:var(--primary)}.google-auth-section{border-left:4px solid var(--primary);text-align:center;background:#ebb0350d;margin-top:10px;padding:20px}.google-auth-text{color:#fff;margin-bottom:15px;font-size:.8rem;font-weight:700}.google-login-wrapper{justify-content:center;display:flex}.auth-footer{margin-top:30px;font-size:.8rem}.auth-footer-text{color:var(--text-dim);letter-spacing:1px}.auth-toggle-btn{color:var(--primary);cursor:pointer;text-transform:uppercase;background:0 0;border:none;margin-left:10px;font-weight:900;text-decoration:underline}.auth-checking-badge{color:var(--primary);margin-left:10px;font-size:.6rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}