/*
Theme Name: Jeto Landing
Theme URI: https://jeto.pro
Author: WordPress Wizard
Description: RTL landing page with lead capture + referral redirect for Jeto.pro
Version: 1.0.0
Text Domain: jeto
*/

:root{
  --primary:#0e5fd7;
  --primary-2:#0993e6;
  --bg:#0b1220;
  --text:#e8eef7;
  --muted:#a9b5c7;
  --card:#0f172a;
}

html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Tajawal',system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";
  background:#0a0f1a;
  color:var(--text);
  direction: rtl;
}

a{color:var(--text);text-decoration:none}
.container{width:min(1100px,92%);margin-inline:auto}

.header{
  position:relative;min-height:90vh;display:flex;align-items:center;
  background:
    linear-gradient( to bottom, rgba(11,18,32,.55), rgba(11,18,32,.88) ),
    url('https://images.unsplash.com/photo-1518183214770-9cffbec72538?q=80&w=1920&auto=format&fit=crop') center/cover no-repeat;
}

.logo-wrap{display:flex;align-items:center;gap:.6rem; padding:24px 0;position:absolute;top:0;right:0}
.site-title{font-weight:800;font-size:1.25rem}

.hero{padding-top:60px}
.hero h1{
  margin:0 0 .6rem 0; font-weight:800; font-size:clamp(28px,5vw,48px); line-height:1.25
}
.hero p{color:var(--muted);max-width:52ch;font-size:1.05rem}
.cta{
  margin-top:1.2rem;display:inline-flex;align-items:center;gap:.6rem;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  color:#fff;border:none;border-radius:10px;padding:14px 22px;font-weight:700;font-size:1rem;cursor:pointer
}
.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.badge{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;text-align:center}
.badge svg{width:28px;height:28px;margin-bottom:8px;color:#7cc8ff}

.form-card{
  margin-top:32px;background:var(--card);border:1px solid rgba(255,255,255,.06);
  border-radius:14px;padding:20px 18px;box-shadow:0 10px 30px rgba(0,0,0,.35);max-width:640px
}
.form-card h3{margin:0 0 12px;font-size:1.3rem}
.row{display:grid;grid-template-columns:1fr;gap:12px}
.input{
  width:100%;padding:14px 14px;border-radius:10px;border:1px solid #1e293b;background:#0b1220;color:#dbeafe;
  font-size:1rem
}
button[type="submit"]{
  width:100%;padding:14px;border-radius:10px;border:none;font-weight:800;font-size:1.05rem;cursor:pointer;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff
}
.help{color:#8ea3b9;font-size:.9rem;margin-top:8px}
.success,.error{
  display:none;margin-top:10px;padding:12px;border-radius:10px;font-weight:700
}
.success{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.35);color:#86efac}
.error{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.35);color:#fecaca}

.footer{padding:40px 0;color:#9fb2c8;text-align:center}

@media(min-width:900px){
  .split{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
}
@media (max-width: 600px){
  .header{ min-height: 92vh; }
  .logo-wrap{ padding: 12px 0; }
  .hero{ padding-top: 40px; }
  .hero h1{ font-size: clamp(22px, 7vw, 34px); line-height: 1.3; }
  .hero p{ font-size: .95rem; margin-top: 6px; }
  .cta{ display:block; width:100%; text-align:center; padding:14px 18px; font-size:1rem; border-radius:12px; }

  .badges{ grid-template-columns: repeat(3, 1fr); gap:12px; margin-top:22px; }
  .badge{ padding:12px; }
  .badge svg{ width:22px; height:22px; }

  .form-card{ max-width: 100%; margin-top: 18px; padding: 16px; }
  .input{ padding: 12px; font-size: 1rem; }
  select.input{ appearance:none; -webkit-appearance:none; }
}
@media (max-width: 600px){
  .header{ min-height: 92vh; }
  .logo-wrap{ padding: 12px 0; }
  .hero{ padding-top: 40px; }
  .hero h1{ font-size: clamp(22px, 7vw, 34px); line-height: 1.3; }
  .hero p{ font-size: .95rem; margin-top: 6px; }
  .cta{ display:block; width:100%; text-align:center; padding:14px 18px; font-size:1rem; border-radius:12px; }

  .badges{ grid-template-columns: repeat(3, 1fr); gap:12px; margin-top:22px; }
  .badge{ padding:12px; }
  .badge svg{ width:22px; height:22px; }

  .form-card{ max-width: 100%; margin-top: 18px; padding: 16px; }
  .input{ padding: 12px; font-size: 1rem; }
  select.input{ appearance:none; -webkit-appearance:none; }
}