:root{--primary: #16a34a;--primary-soft: #dcfce7;--navy: #0f172a;--bg: #020617;--card: #020617;--card-soft: #020617;--border: #1e293b;--text-main: #f9fafb;--text-muted: #9ca3af;--accent: #facc15}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#0b1120 0,#020617 55% 100%);color:var(--text-main);line-height:1.7;direction:rtl;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 50% 50%,rgba(22,163,74,.05),rgba(22,163,74,.05) 1px,transparent 2px,transparent 20px);animation:backgroundMove 30s linear infinite}body:after{content:"";position:fixed;inset:0;background:radial-gradient(#fff,#fff0) center/2px 2px repeat;opacity:.3;animation:starsMove 60s linear infinite;z-index:-2}header{padding:14px 20px;max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo-wrap{display:flex;align-items:center;gap:10px}.logo-wrap img{height:40px;width:auto;animation:float 5s ease-in-out infinite}.logo-text-main{font-weight:800;font-size:1.1rem;letter-spacing:1px;color:#e5e7eb}.logo-text-sub{font-size:.8rem;color:var(--text-muted)}.badge-group{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:.8rem}.badge{background:#16a34a1a;border:1px solid rgba(22,163,74,.3);padding:5px 10px;border-radius:999px;color:#bbf7d0;white-space:nowrap}.badge-free{background:#facc151a;border:1px solid rgba(250,204,21,.4);border-radius:999px;padding:4px 10px;font-weight:600;white-space:nowrap;color:#facc15}main{max-width:1100px;margin:0 auto;padding:0 20px 60px}.hero{margin-top:10px;padding:28px 24px;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px;align-items:stretch;border-radius:26px;background:radial-gradient(circle at top left,#111827 0,#020617 50% 100%);border:1px solid #1f2937;position:relative;overflow:hidden;animation:fadeUp .8s ease-out}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(45deg,#16a34a1a,#facc151a,#3b82f61a,#16a34a1a);background-size:400% 400%;animation:gradientShift 20s ease infinite}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:22px 18px}.badge-group{display:none}}.hero-content{display:flex;flex-direction:column;justify-content:center;gap:10px}.hero-kicker{font-size:.85rem;color:#bbf7d0;font-weight:600;margin-bottom:2px}.hero-title{font-size:2.05rem;margin:0 0 8px;color:var(--text-main)}.hero-title span{color:var(--primary);animation:highlightGlow 2.5s ease-in-out infinite alternate}.hero-subtitle{font-size:.98rem;color:var(--text-muted);max-width:520px;margin-bottom:4px}.hero-free-note{font-size:.9rem;color:#facc15;background:#facc150f;border-radius:10px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;margin-top:4px;border:1px solid rgba(250,204,21,.3)}.hero-free-note span{font-size:1.1rem}.hero-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.btn-primary,.btn-secondary{border-radius:999px;padding:10px 20px;font-size:.95rem;border:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;font-weight:600}.btn-primary{background:var(--primary);color:#022c22;box-shadow:0 10px 24px #16a34a66}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px #16a34a8c;background:#15803d}.btn-secondary{background:transparent;color:#bbf7d0;border:1px solid rgba(148,163,184,.6)}.btn-secondary:hover{transform:translateY(-1px);background:#0f172ab3;box-shadow:0 4px 14px #0f172a99}.hero-visual{position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#16a34a,#22c55e);display:flex;align-items:flex-end;justify-content:center;padding:0;min-height:220px;border:1px solid rgba(15,23,42,.6);animation:cardFloat 6s ease-in-out infinite}.hero-visual:before{content:"";position:absolute;inset:0;background-image:url(girls-football.jpg);background-size:cover;background-position:center;opacity:.88;mix-blend-mode:multiply}.hero-visual-inner{position:relative;padding:14px 16px;width:100%;background:linear-gradient(to top,#000000d9,#0000)}.hero-visual-tag{display:inline-block;font-size:.8rem;color:#bbf7d0;background:#0f172ab3;padding:4px 9px;border-radius:999px;margin-bottom:6px;border:1px solid rgba(148,163,184,.6)}.hero-visual-title{font-size:.96rem;margin:0;color:#e5e7eb;font-weight:600}.hero-visual-sub{font-size:.8rem;margin-top:2px;color:#cbd5f5}.section{margin-top:40px;animation:fadeUp .8s ease-out}.section h2{font-size:1.35rem;margin-bottom:6px;color:var(--text-main)}.section p{margin-top:0;color:var(--text-muted);font-size:.95rem}.three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:16px}@media(max-width:900px){.three-cols{grid-template-columns:1fr}}.card{background:var(--card-soft);border-radius:18px;padding:16px 16px 18px;border:1px solid var(--border);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #16a34a80}.card:before{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;width:3px;height:100%;background:linear-gradient(to bottom,#16a34a,#22c55e);opacity:.7}.card h3{margin-top:0;margin-bottom:6px;font-size:1rem;color:#e5e7eb}.pill{display:inline-block;font-size:.8rem;padding:3px 9px;border-radius:999px;background:#16a34a1f;color:#bbf7d0;margin-bottom:6px}.card p{font-size:.9rem}.form-section{margin-top:40px;background:#020617;border-radius:22px;padding:24px 18px 26px;border:1px solid var(--border);box-shadow:0 18px 40px #000000a6;animation:fadeUp .9s ease-out}.form-section h2{margin-bottom:6px}.form-section p{margin-bottom:10px}.free-highlight{font-size:.85rem;color:#facc15;background:#facc150f;padding:5px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;border:1px solid rgba(250,204,21,.35)}form{display:grid;gap:12px;margin-top:6px}label{font-size:.85rem;font-weight:600;color:#e5e7eb}input,select,textarea{width:100%;padding:8px 10px;border-radius:10px;border:1px solid #1f2937;font-family:inherit;font-size:.9rem;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;background:#020617;color:var(--text-main)}input::placeholder,textarea::placeholder{color:#6b7280}input:focus,select:focus,textarea:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 1px #16a34a99;background:#020617}textarea{min-height:70px;resize:vertical}.hint{font-size:.8rem;color:var(--text-muted)}.faq{margin-top:24px;display:grid;gap:10px}.faq-item{background:#020617;border-radius:14px;padding:10px 12px;border:1px solid #1f2937;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;position:relative;overflow:hidden;animation:floatFaq 6s ease-in-out infinite}.faq-item:hover{transform:translateY(-2px);box-shadow:0 6px 18px #16a34a66;background:#16a34a0d}.faq-item:after{content:"▼";position:absolute;right:12px;top:50%;transform:translateY(-50%) rotate(0);transition:transform .3s ease;color:var(--primary);font-size:.8rem}.faq-item.active:after{transform:translateY(-50%) rotate(180deg)}.faq-item span{display:block;font-size:.82rem;color:var(--text-muted);max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .35s ease;opacity:0;margin-top:4px}.faq-item.active span{max-height:200px;opacity:1}footer{text-align:center;font-size:.78rem;color:var(--text-muted);padding:20px 0 10px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes backgroundMove{0%{transform:translate(0)}50%{transform:translate(50px,50px)}to{transform:translate(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes starsMove{0%{background-position:0 0}to{background-position:2000px 1000px}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px) translate(2px)}}@keyframes highlightGlow{0%{color:var(--primary);text-shadow:0 0 4px var(--primary)}to{color:#22c55e;text-shadow:0 0 8px #22c55e}}@keyframes floatFaq{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}
