*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1a1a1a;background:#000;overflow-x:hidden}.App{min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a)}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 0;transition:all .3s ease}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.logo h1{font-size:1.5rem;font-weight:800;background:linear-gradient(45deg,#06c,#00a8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.auth-buttons{display:flex;gap:1rem;align-items:center}.login-btn,.register-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.login-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.login-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.register-btn{background:linear-gradient(45deg,#06c,#00a8ff);color:#fff;border:1px solid transparent}.register-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0066cc4d}.user-info{display:flex;align-items:center;gap:1rem;color:#fff;font-size:.9rem}.logout-btn{padding:.5rem 1rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#fff3}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#000,#1a1a1a,#000);overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/assets/bmw-motorsport-hero-09F2QzJF.jpg) center/cover;opacity:.3;z-index:1}.hero-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0066cc1a,#000c);z-index:2}.hero-content{position:relative;z-index:3;text-align:center;max-width:800px;padding:0 2rem}.hero-content h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;color:#fff;margin-bottom:1rem;line-height:1.1;letter-spacing:-.02em}.hero-content .subtitle{font-size:clamp(1.1rem,3vw,1.5rem);color:#00a8ff;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.1em}.hero-content p{font-size:clamp(1rem,2.5vw,1.25rem);color:#fffc;margin-bottom:2.5rem;line-height:1.6}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(45deg,#06c,#00a8ff);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 10px 30px #0066cc4d}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #06c6}.features-section{padding:6rem 0;background:linear-gradient(180deg,#000,#0a0a0a);position:relative}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.features-section h2{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;text-align:center;margin-bottom:1rem;letter-spacing:-.02em}.features-section>.container>p{font-size:1.2rem;color:#ffffffb3;text-align:center;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.feature-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(45deg,#06c,#00a8ff);opacity:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-5px);border-color:#00a8ff4d;box-shadow:0 20px 40px #0066cc1a}.feature-card h3{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.feature-card p{color:#ffffffb3;line-height:1.6;margin-bottom:1.5rem}.price{font-size:1.1rem;font-weight:700;color:#00a8ff;padding:.5rem 1rem;background:#00a8ff1a;border-radius:8px;display:inline-block}.pricing-section{padding:6rem 0;background:linear-gradient(180deg,#0a0a0a,#000)}.pricing-section h2{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;text-align:center;margin-bottom:4rem;letter-spacing:-.02em}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.pricing-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:2.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.pricing-card:hover{transform:translateY(-8px);border-color:#00a8ff66;box-shadow:0 25px 50px #0066cc26}.pricing-card h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-align:center}.pricing-card ul{list-style:none;color:#fffc}.pricing-card li{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.5rem}.pricing-card li:last-child{border-bottom:none}.pricing-card li:before{content:"✓";color:#00a8ff;font-weight:700;font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal{background:linear-gradient(135deg,#1a1a1af2,#000000f2);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2.5rem;max-width:400px;width:100%;max-height:85vh;min-height:600px;overflow-y:auto;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.modal h2{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#fffc;font-weight:600;margin-bottom:.5rem;font-size:.9rem}.form-group input{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#00a8ff;background:#ffffff14;box-shadow:0 0 0 3px #00a8ff1a}.form-group input::placeholder{color:#fff6}.submit-btn{width:100%;padding:1rem;background:linear-gradient(45deg,#06c,#00a8ff);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #0066cc4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#ff6b6b;padding:1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.footer{background:#000;border-top:1px solid rgba(255,255,255,.1);padding:2rem 0;text-align:center}.footer p{color:#ffffff80;font-size:.9rem;margin-bottom:.5rem}@media (max-width: 768px){.header-content{padding:0 1rem}.logo h1{font-size:1.2rem}.auth-buttons{gap:.5rem}.login-btn,.register-btn{padding:.6rem 1rem;font-size:.8rem}.hero-content,.container{padding:0 1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:2rem}.modal{padding:2rem;margin:1rem}}@media (max-width: 480px){.header-content{flex-direction:column;gap:1rem;padding:1rem}.hero-content h1{font-size:2rem}.hero-content .subtitle{font-size:1rem}.hero-content p{font-size:.95rem}.cta-button{padding:.9rem 1.5rem;font-size:1rem}.feature-card{padding:1.25rem}.feature-card h3{font-size:1.2rem}.modal{padding:1.5rem}}.oauth-divider{margin:20px 0!important;text-align:center!important;position:relative!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:100!important}.oauth-divider:before{content:""!important;position:absolute!important;top:50%!important;left:0!important;right:0!important;height:1px!important;background:#fff3!important;z-index:1!important}.oauth-divider span{background:#1a1a1af2!important;padding:0 15px!important;color:#ffffffb3!important;font-size:.9rem!important;position:relative!important;z-index:2!important;display:inline-block!important}.google-login-btn{width:100%!important;padding:12px 20px!important;background:#fff!important;color:#333!important;border:1px solid #ddd!important;border-radius:8px!important;font-size:1rem!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-top:10px!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important}.google-login-btn:hover{background:#f8f9fa;border-color:#ccc;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.google-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-login-btn svg{flex-shrink:0}.verification-modal{background:#1a1a1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:30px;max-width:500px;width:90%;text-align:center}.verification-modal h2{color:#fff;margin-bottom:20px;font-size:1.5rem}.verification-modal p{color:#ccc;margin-bottom:20px;line-height:1.6}.verification-input{width:100%;padding:12px 15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;margin-bottom:15px}.verification-input::placeholder{color:#888}.verify-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#06c,#00a8ff);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.verify-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0066cc4d}.resend-btn{background:transparent;color:#00a8ff;border:1px solid #00a8ff;padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.resend-btn:hover{background:#00a8ff;color:#fff}