@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&display=swap";:root{--primary: #ff0000;--secondary: #00d4ff;--dark: #0a0a0a;--dark-gray: #1a1a1a;--light-gray: #2a2a2a;--text: #ffffff;--text-secondary: #b0b0b0;--gradient-primary: linear-gradient(135deg, #ff0000 0%, #ff6b00 100%);--gradient-secondary: linear-gradient(135deg, #00d4ff 0%, #0066ff 100%);--glow-red: 0 0 20px rgba(255, 0, 0, .5), 0 0 40px rgba(255, 0, 0, .3);--glow-blue: 0 0 20px rgba(0, 212, 255, .5), 0 0 40px rgba(0, 212, 255, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rajdhani,sans-serif;background:var(--dark);color:var(--text);overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:2px;text-transform:uppercase}.app{position:relative;background:var(--dark)}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,0,0,.03) 2px,rgba(255,0,0,.03) 4px);pointer-events:none;z-index:1}.container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.header{position:fixed;top:0;left:0;width:100%;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--primary);box-shadow:0 4px 20px #ff00004d;z-index:1000;transition:all .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.logo h1{font-size:28px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--glow-red);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.nav-list{display:flex;list-style:none;gap:30px}.nav-list li button{background:none;border:none;color:var(--text);font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;padding:8px 16px;position:relative;transition:all .3s ease}.nav-list li button:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.nav-list li button:hover{color:var(--primary);transform:translateY(-2px)}.nav-list li button:hover:before{width:100%}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 20% 50%,rgba(255,0,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,212,255,.1) 0%,transparent 50%),var(--dark);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(255,0,0,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hero h2{font-size:72px;margin-bottom:20px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--glow-red);animation:slideInDown 1s ease;position:relative;z-index:2}.hero p{font-size:24px;color:var(--text-secondary);margin-bottom:40px;animation:slideInUp 1s ease .2s backwards;position:relative;z-index:2}@keyframes slideInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{display:flex;gap:20px;justify-content:center;animation:fadeIn 1s ease .4s backwards;position:relative;z-index:2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{padding:16px 40px;font-size:18px;font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;border:none;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.btn-primary{background:var(--gradient-primary);color:var(--text);box-shadow:var(--glow-red)}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:300px;height:300px}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 30px #f00c,0 0 60px #ff000080}.btn-secondary{background:transparent;color:var(--secondary);border:2px solid var(--secondary);box-shadow:var(--glow-blue)}.btn-secondary:hover{background:var(--secondary);color:var(--dark);transform:translateY(-3px);box-shadow:0 0 30px #00d4ffcc,0 0 60px #00d4ff80}.services{padding:100px 0;background:var(--dark-gray);position:relative}.services:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--gradient-primary)}.services h2{text-align:center;font-size:48px;margin-bottom:60px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.service-card{background:var(--light-gray);padding:40px 30px;border:2px solid transparent;position:relative;overflow:hidden;transition:all .4s ease}.service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);opacity:0;transition:all .4s ease}.service-card:hover:before{left:0;opacity:.1}.service-card:hover{border-color:var(--primary);transform:translateY(-10px);box-shadow:0 10px 40px #ff00004d}.service-icon{font-size:60px;margin-bottom:20px;display:block;position:relative;z-index:1}.service-card h3{font-size:24px;margin-bottom:15px;color:var(--primary);position:relative;z-index:1}.service-card p{color:var(--text-secondary);line-height:1.8;position:relative;z-index:1}.wheel-sizes{padding:100px 0;background:var(--dark)}.wheel-sizes h2{text-align:center;font-size:48px;margin-bottom:60px;background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sizes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.size-card{background:var(--dark-gray);padding:30px 20px;text-align:center;border:2px solid var(--light-gray);transition:all .3s ease;position:relative}.size-card.popular{border-color:var(--secondary);background:linear-gradient(135deg,var(--dark-gray) 0%,rgba(0,212,255,.05) 100%)}.size-card.popular:after{content:"Популярный";position:absolute;top:10px;right:10px;background:var(--gradient-secondary);color:var(--dark);font-size:10px;padding:4px 8px;font-weight:700;letter-spacing:1px}.size-card:hover{transform:scale(1.05);box-shadow:0 5px 25px #00d4ff4d;border-color:var(--secondary)}.size-card h3{font-size:32px;color:var(--secondary);margin-bottom:10px}.size-card p{color:var(--text-secondary);font-size:14px}.why-us{padding:100px 0;background:var(--dark-gray)}.why-us h2{text-align:center;font-size:48px;margin-bottom:60px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reasons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.reason-card{text-align:center;padding:40px 20px;background:var(--light-gray);border:2px solid transparent;transition:all .3s ease}.reason-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 30px #f003}.reason-number{font-size:56px;font-weight:900;color:var(--primary);margin-bottom:15px;font-family:Orbitron,sans-serif}.reason-card h3{font-size:24px;margin-bottom:10px;color:var(--text)}.reason-card p{color:var(--text-secondary);line-height:1.6}.contact{padding:100px 0;background:var(--dark);text-align:center}.contact h2{font-size:48px;margin-bottom:20px;background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact>p{font-size:20px;color:var(--text-secondary);margin-bottom:50px}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:50px}.contact-item{background:var(--dark-gray);padding:40px 30px;border:2px solid var(--light-gray);transition:all .3s ease}.contact-item:hover{border-color:var(--secondary);transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff33}.contact-item h3{font-size:24px;margin-bottom:15px;color:var(--secondary)}.contact-item p{font-size:18px;color:var(--text)}.cta-button{padding:20px 50px;font-size:20px;background:var(--gradient-secondary);color:var(--dark);border:none;font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;box-shadow:var(--glow-blue);transition:all .3s ease}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 40px #00d4ffcc,0 0 80px #00d4ff80}.footer{background:var(--dark-gray);padding:60px 0 30px;border-top:2px solid var(--primary)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-logo h3{font-size:24px;margin-bottom:15px;color:var(--primary)}.footer-logo p{color:var(--text-secondary);line-height:1.8}.footer-contact p{color:var(--text-secondary);margin-bottom:10px;font-size:16px}.footer-links h3{font-size:20px;margin-bottom:15px;color:var(--secondary)}.footer-links ul{list-style:none}.footer-links ul li{margin-bottom:8px}.footer-links ul li button{background:none;border:none;color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:16px;cursor:pointer;transition:all .3s ease}.footer-links ul li button:hover{color:var(--primary);transform:translate(5px)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid var(--light-gray);color:var(--text-secondary);font-size:14px}@media(max-width:768px){.nav-list{flex-direction:column;gap:10px}.hero h2{font-size:48px}.hero p{font-size:18px}.hero-buttons{flex-direction:column}.services h2,.wheel-sizes h2,.why-us h2,.contact h2{font-size:36px}.services-grid,.sizes-grid,.reasons-grid,.contact-info{grid-template-columns:1fr}}