*{margin:0;padding:0;box-sizing:border-box}
:root{--primary:#ff6b35;--bg-dark:#0b0d11;--bg-card:#13171f;--text-primary:#e8edf5;--text-secondary:#9aa4b5;--border-color:rgba(255,255,255,0.06)}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;background:var(--primary);color:#fff;padding:14px 40px;border-radius:40px;font-weight:600;text-decoration:none;border:none;cursor:pointer;font-size:16px;font-family:inherit;transition:all 0.3s}
.btn:hover{background:#e85a2a;transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,107,53,0.3)}
.btn-full{width:100%;padding:16px;font-size:17px}
.btn:disabled{opacity:0.7;cursor:not-allowed;transform:none!important}

.header{padding:16px 0;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:rgba(11,13,17,0.92);backdrop-filter:blur(12px);z-index:1000}
.header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}
.logo{font-size:24px;font-weight:800}
.logo i{color:var(--primary);margin-right:10px}
.logo span{color:var(--primary)}
nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color 0.3s}
nav a:hover{color:#fff}

.hero{padding:80px 0 60px;background:linear-gradient(135deg,#0b0d11 0%,#1a1f2a 100%);border-bottom:1px solid var(--border-color)}
.hero .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:40px}
.hero-content{flex:1;min-width:300px}
.hero-content h1{font-size:52px;font-weight:900;line-height:1.1;margin-bottom:20px}
.hero-content p{font-size:18px;color:var(--text-secondary);max-width:480px;margin-bottom:30px}
.hero-stats{display:flex;gap:50px;background:rgba(255,255,255,0.04);padding:30px 50px;border-radius:16px;border:1px solid var(--border-color);flex-wrap:wrap;justify-content:center}
.hero-stats div{text-align:center}
.hero-stats span{display:block;font-size:36px;font-weight:800;color:var(--primary)}
.hero-stats p{font-size:14px;color:var(--text-secondary)}

.advantages{padding:80px 0;background:var(--bg-dark)}
.advantages h2{font-size:38px;font-weight:700;text-align:center;margin-bottom:50px}
.advantages h2::after{content:'';display:block;width:60px;height:4px;background:var(--primary);margin:12px auto 0;border-radius:4px}
.advantages .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}
.advantages .item{text-align:center;padding:30px 20px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);transition:all 0.3s}
.advantages .item:hover{transform:translateY(-5px);border-color:var(--primary)}
.advantages .item i{font-size:40px;color:var(--primary);margin-bottom:15px}
.advantages .item h3{font-size:18px;margin-bottom:8px}
.advantages .item p{color:var(--text-secondary);font-size:14px}

.form-section{padding:80px 0;background:linear-gradient(135deg,#0b0d11 0%,#141a24 100%);border-top:1px solid var(--border-color)}
.form-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.form-info h2{font-size:36px;font-weight:700;margin-bottom:16px}
.form-info p{color:var(--text-secondary);margin-bottom:24px}
.form-info ul{list-style:none}
.form-info ul li{margin-bottom:12px;display:flex;align-items:center;gap:12px}
.form-info ul i{color:var(--primary);font-size:20px}
.phone-link{margin-top:24px;padding:20px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-color)}
.phone-link a{font-size:24px;font-weight:700;color:var(--primary);text-decoration:none}
.phone-link a:hover{color:#e85a2a}
.phone-link i{margin-right:10px}

form{background:var(--bg-card);padding:36px 40px;border-radius:16px;border:1px solid var(--border-color)}
.form-group{margin-bottom:20px}
.form-group label{display:flex;align-items:center;gap:8px;font-weight:500;margin-bottom:8px;font-size:14px;color:var(--text-secondary)}
.form-group label i{color:var(--primary)}
.form-group input,.form-group textarea{width:100%;padding:14px 18px;background:#1a1f2a;border:2px solid #2a303e;border-radius:12px;color:#fff;font-size:15px;transition:all 0.3s;font-family:inherit}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}
.form-group textarea{resize:vertical;min-height:80px}
.error{color:#ff4444;font-size:13px;display:none;margin-top:6px}
.error.visible{display:block}
.form-group.error input,.form-group.error textarea{border-color:#ff4444}
#status{margin-top:16px;padding:12px 16px;border-radius:10px;display:none;font-weight:500}
#status.success{display:block;background:rgba(46,213,115,0.15);color:#2ed573;border:1px solid rgba(46,213,115,0.3)}
#status.error{display:block;background:rgba(255,68,68,0.15);color:#ff4444;border:1px solid rgba(255,68,68,0.3)}

.footer{padding:30px 0;border-top:1px solid var(--border-color);text-align:center;color:#5a6478;font-size:14px}
.footer a{color:#5a6478;text-decoration:none}
.footer a:hover{color:#fff}

@media(max-width:992px){.form-wrapper{grid-template-columns:1fr;gap:40px}.hero .container{flex-direction:column;text-align:center}.hero-content p{margin:0 auto 30px}.hero-stats{width:100%}.hero-content h1{font-size:38px}}
@media(max-width:768px){.header .container{flex-direction:column;gap:16px}nav{gap:16px;flex-wrap:wrap;justify-content:center}.hero{padding:50px 0 40px}.hero-content h1{font-size:30px}.hero-stats span{font-size:28px}.advantages h2{font-size:28px}form{padding:24px 20px}.form-info h2{font-size:28px}.phone-link a{font-size:20px}}