:root{--primary-green:#2d7a5e;--light-green:#74c69d;--accent-orange:#ff8c42;--bg-soft:#f8faf9;--text-dark:#1b4332;--shadow-3d:0 20px 40px #0000001a;--inner-shadow:inset 0 2px 4px #00000005}*{box-sizing:border-box}body{color:var(--text-dark);background:var(--bg-soft);margin:0;font-family:Poppins,sans-serif}.page{padding-top:84px}header{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-bottom:1px solid #eef3f0;justify-content:space-between;align-items:center;padding:15px 5%;display:flex;position:fixed;top:0;left:0;right:0}.brand-wrap{align-items:center;gap:10px;display:flex}.logo-img{border-radius:8px;height:45px}.brand-name{color:var(--primary-green);font-size:1.3rem;font-weight:800}.lang-selector{gap:8px;display:flex}.lang-btn{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:12px;padding:6px 12px;font-weight:700}.lang-btn.active{background:var(--primary-green);color:#fff;border-color:var(--primary-green)}.hero{align-items:center;gap:40px;padding:60px 8%;display:flex}.hero-content h1{color:var(--primary-green);margin:0;font-size:clamp(2rem,5vw,3.5rem)}.slogan{color:var(--light-green);font-size:1.3rem;font-weight:600}.hero-image-carousel{box-shadow:var(--shadow-3d);aspect-ratio:16/9;border:8px solid #fff;border-radius:30px;flex:1.2;overflow:hidden}.carousel{height:100%;transition:all .5s;display:flex}.carousel img{object-fit:cover;min-width:100%}.cta-btn-orange{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8c42 0%,#ff6b00 100%);border:0;border-radius:20px;padding:14px 24px;font-weight:800;text-decoration:none}.conversion-zone{padding:40px 5% 80px}.conversion-wrapper{align-items:flex-start;gap:40px;max-width:1100px;margin:0 auto;display:flex}.avatar-guide{border-radius:20px;max-width:220px;animation:4s ease-in-out infinite flyFloat;position:sticky;top:110px}.form-container{box-shadow:var(--shadow-3d);background:#fff;border-radius:28px;flex:1;padding:30px}.intro{color:var(--primary-green);margin-bottom:16px;font-weight:800}input,select{width:100%;box-shadow:var(--inner-shadow);background:#f9fbfb;border:1px solid #edf2f0;border-radius:12px;margin-bottom:14px;padding:14px}.q-group{background:#fdfdfd;border:1px solid #f0f4f2;border-radius:16px;margin-bottom:12px;padding:16px}.q-group label{color:var(--primary-green);margin-bottom:8px;font-weight:700;display:block}.submit-btn{width:100%}.success{text-align:center;color:var(--primary-green);padding:24px;font-size:1.2rem;font-weight:700}.admin-page{padding:30px 5%}.admin-form{box-shadow:var(--shadow-3d);background:#fff;border-radius:20px;padding:20px}.admin-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-top button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 12px}.admin-subtitle{color:#5f7d72;margin:4px 0 0;font-size:.95rem}.error-text{color:#c62828;margin:0 0 12px;font-weight:600}.admin-tabs{gap:10px;margin:16px 0 18px;display:flex}.admin-tabs button{color:#2d7a5e;cursor:pointer;background:#fff;border:1px solid #d5e3dc;border-radius:10px;padding:8px 12px;font-weight:700}.admin-tabs button.active{color:#fff;background:#2d7a5e;border-color:#2d7a5e}.admin-grid{grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px;display:grid}.admin-layout{grid-template-columns:1.2fr 1fr;align-items:start;gap:20px;display:grid}.readonly-key{background:#f4faf7;border:1px dashed #b7d4c7;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.readonly-key span{color:#2d7a5e;font-weight:700}.readonly-key code{color:#1b4332;background:#fff;border:1px solid #dce9e3;border-radius:8px;padding:6px 8px}.preview-panel{box-shadow:var(--shadow-3d);background:#fff;border:1px solid #ecf1ef;border-radius:20px;padding:20px}.preview-panel h3{color:var(--primary-green);margin:0}.preview-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.preview-lang{gap:8px;display:flex}.preview-lang button{cursor:pointer;color:#2d7a5e;background:#fff;border:1px solid #d7e4dd;border-radius:8px;padding:6px 10px;font-weight:700}.preview-lang button.active{color:#fff;background:#2d7a5e;border-color:#2d7a5e}.preview-meta{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.preview-meta span{color:#2d7a5e;background:#eef6f1;border:1px solid #d6e6de;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700}.preview-options{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.preview-options span{background:#fff;border:1px solid #dbe9e2;border-radius:999px;padding:5px 10px;font-size:.82rem}.question-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:20px;display:grid}.submissions-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px;display:grid}.q-card{background:#fff;border:1px solid #ecf1ef;border-radius:14px;padding:14px}.submission-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.submission-top span{color:#668276;font-size:.8rem}.submission-answers{border-top:1px solid #e8f0eb;gap:6px;margin-top:10px;padding-top:8px;display:grid}.submission-answer-row{justify-content:space-between;align-items:center;gap:10px;font-size:.9rem;display:flex}.admin-actions{gap:10px;display:flex}.admin-actions button{cursor:pointer;background:#f9fbfb;border:1px solid #ddd;border-radius:8px;padding:8px}.admin-login-page{background:radial-gradient(circle at top,#eaf6f0,#f8faf9 60%);place-items:center;min-height:100vh;padding:30px 5%;display:grid}.admin-login-card{width:min(520px,100%);box-shadow:var(--shadow-3d);background:#fff;border:1px solid #e8f0eb;border-radius:24px;padding:26px}.admin-login-kicker{color:#2d7a5e;background:#eef6f1;border-radius:999px;margin:0 0 10px;padding:6px 10px;font-size:.82rem;font-weight:700;display:inline-block}.admin-login-form{box-shadow:none;margin-top:14px;padding:0}@keyframes flyFloat{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-10px)translate(4px)}50%{transform:translateY(-18px)translate(0)}75%{transform:translateY(-8px)translate(-4px)}}[lang=ar]{direction:rtl}@media (width<=900px){.hero,.conversion-wrapper{text-align:center;flex-direction:column}.avatar-guide{max-width:150px;margin:0 auto;animation:none;position:static}.form-container{padding:20px}.admin-layout{grid-template-columns:1fr}.admin-grid{grid-template-columns:repeat(2,minmax(90px,1fr))}}