*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0A1128;--bg-light: #F4F7FC;--primary: #1C3144;--accent: #D4AF37;--accent-hover: #C5A028;--text-dark: #1E293B;--text-light: #F8FAFC;--card-bg: #FFFFFF;--border-color: #E2E8F0}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-light);color:var(--text-dark);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}header{background-color:var(--bg-dark);padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.6rem;font-weight:800;color:var(--text-light);text-decoration:none;letter-spacing:-1px;display:flex;align-items:center;gap:4px}.logo span{color:var(--accent)}.nav-btn{background-color:transparent;color:var(--text-light);border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;transition:all .3s}.nav-btn:hover{border-color:var(--accent);color:var(--accent)}.hero{background:radial-gradient(circle at top right,#132247 0%,var(--bg-dark) 100%);color:var(--text-light);padding:100px 0 120px;text-align:center;position:relative}.hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to top,var(--bg-light),transparent)}.hero-tag{background:#d4af3726;color:var(--accent);padding:6px 16px;border-radius:50px;font-size:.85rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;display:inline-block;margin-bottom:24px;border:1px solid rgba(212,175,55,.3)}.hero h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.2;max-width:850px;margin:0 auto 24px;letter-spacing:-1.5px}.hero h1 span{color:var(--accent)}.hero p{font-size:1.2rem;max-width:650px;margin:0 auto 40px;color:#94a3b8}.features{margin-top:-60px;position:relative;z-index:10;padding-bottom:80px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background-color:var(--card-bg);padding:40px 32px;border-radius:16px;box-shadow:0 10px 30px #0a112808;border:1px solid var(--border-color);transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0a11280f;border-color:#d4af3766}.feature-icon{font-size:2rem;margin-bottom:20px;display:inline-block}.feature-card h3{font-size:1.3rem;font-weight:700;margin-bottom:12px;color:var(--primary)}.feature-card p{font-size:.95rem;color:#64748b}.demo-section{padding:80px 0;background-color:var(--card-bg);border-top:1px solid var(--border-color)}.demo-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.demo-text h2{font-size:2.2rem;font-weight:800;color:var(--primary);margin-bottom:20px;letter-spacing:-1px}.demo-text p{color:#64748b;margin-bottom:24px}.gymnastics-badge{display:flex;gap:15px;margin-top:30px}.badge-item{background:var(--bg-light);padding:12px 18px;border-radius:8px;font-weight:600;font-size:.85rem;color:var(--primary);border:1px solid var(--border-color)}.demo-form{background:var(--bg-light);padding:40px;border-radius:20px;border:1px solid var(--border-color)}.form-title{font-size:1.25rem;font-weight:700;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:8px;color:var(--primary)}.form-group input,.form-group select{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);font-family:inherit;font-size:1rem;outline:none;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.submit-btn{width:100%;background-color:var(--accent);color:var(--bg-dark);border:none;padding:14px;border-radius:8px;font-family:inherit;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s}.submit-btn:hover{background-color:var(--accent-hover)}footer{background-color:var(--bg-dark);color:#64748b;padding:40px 0;text-align:center;border-top:1px solid rgba(255,255,255,.05);font-size:.9rem}@media (max-width: 900px){.demo-content{grid-template-columns:1fr;gap:50px}.hero h1{font-size:2.2rem}}