:root{--ink:#17221e;--muted:#66756f;--paper:#f8fbf9;--card:#fff;--line:#dfe8e3;--green:#146c52;--green2:#0f5a44;--gold:#e2b75d;--soft:#eef7f2;--danger:#a63d40}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}a{color:var(--green);text-decoration:none}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:14px max(20px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center;color:var(--ink)}.brand small{display:block;color:var(--muted);font-size:11px}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--green);color:#fff;font-size:22px;font-weight:800}.topbar nav{display:flex;gap:16px;align-items:center}.wrap{max-width:1180px;margin:auto;padding:28px 20px 50px}.hero{padding:54px 0 30px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.hero h1{font-size:clamp(38px,6vw,70px);line-height:1.02;margin:0 0 18px;letter-spacing:-2.4px}.hero p{font-size:18px;color:var(--muted);max-width:720px}.pill{display:inline-flex;gap:8px;align-items:center;background:var(--soft);color:var(--green);padding:7px 12px;border-radius:999px;font-weight:700;font-size:13px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 18px;border-radius:12px;background:var(--green);color:#fff!important;border:0;font-weight:800;cursor:pointer}.btn:hover{background:var(--green2)}.btn.secondary{background:#fff;color:var(--green)!important;border:1px solid var(--line)}.btn.small{padding:8px 12px;border-radius:10px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(32,78,60,.05)}.card h3,.card h2{margin-top:0}.kpi{font-size:36px;font-weight:900;letter-spacing:-1px}.muted{color:var(--muted)}.label{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.progress{height:10px;background:#edf1ef;border-radius:999px;overflow:hidden}.progress span{height:100%;display:block;background:var(--green)}form{display:grid;gap:14px}.field{display:grid;gap:6px}.field label{font-size:13px;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd9d2;background:#fff;padding:12px 13px;border-radius:10px;font:inherit}.field textarea{min-height:110px;resize:vertical}.alert{padding:12px 15px;border-radius:12px;margin-bottom:16px;background:#eef7f2;border:1px solid #cce4d8}.alert.error{background:#fff0f0;border-color:#f1c4c6;color:var(--danger)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--soft);font-size:12px;font-weight:800}.section{margin:34px 0}.section-title{font-size:30px;letter-spacing:-.6px}.profile-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.score-ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--p)*1%),#e9efec 0);position:relative}.score-ring:before{content:'';position:absolute;inset:10px;border-radius:50%;background:#fff}.score-ring b{position:relative;font-size:30px}.certificate{background:#fff;border:8px double #d9be78;padding:40px;text-align:center;max-width:900px;margin:auto}.certificate h1{font-family:Georgia,serif;font-size:46px;margin:10px}.certificate .arabic{font-size:28px}.cert-no{font-family:ui-monospace,monospace}.qrbox{display:inline-grid;place-items:center;width:120px;height:120px;border:1px solid var(--line);background:repeating-linear-gradient(45deg,#111 0 2px,#fff 2px 4px);color:#fff;text-shadow:0 1px 2px #000;font-size:11px;padding:8px}footer{margin-top:60px;border-top:1px solid var(--line);padding:22px 0;color:var(--muted);display:flex;justify-content:space-between;gap:20px}@media(max-width:850px){.hero,.grid,.grid.two{grid-template-columns:1fr}.topbar{align-items:flex-start}.topbar nav{gap:9px;flex-wrap:wrap;justify-content:flex-end}.brand small{display:none}.profile-head{flex-direction:column}.hero{padding-top:30px}.hero h1{letter-spacing:-1.4px}}
.match-score{display:inline-block;background:#102a22;color:#fff;padding:7px 10px;border-radius:10px;font-size:13px;font-weight:900}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.check-grid label,.option{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.timeline{display:grid;gap:10px}.timeline-item{display:flex;justify-content:space-between;gap:20px;padding:12px;border-left:4px solid var(--green);background:var(--soft);border-radius:8px}.question-card{padding:16px;border:1px solid var(--line);border-radius:14px;margin:12px 0;background:#fff}.question-card .option{margin-top:8px}.score-hero{display:grid;place-items:center;padding:35px;background:var(--soft);border-radius:20px}.score-hero b{font-size:64px}.score-hero span{color:var(--muted)}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.skill-bars{display:grid;gap:12px}.attendance-code{text-align:center;background:#102a22;color:#fff;padding:18px 25px;border-radius:18px;min-width:220px}.attendance-code small,.attendance-code span{display:block;opacity:.75}.attendance-code b{display:block;font-size:38px;letter-spacing:.18em}.inline-form{display:flex;gap:6px;align-items:center}.inline-form select,.inline-form input{max-width:130px;padding:8px;border:1px solid var(--line);border-radius:8px}.leaderboard{display:grid;gap:10px}.leader-row{display:grid;grid-template-columns:70px 1fr 90px 100px 80px 70px;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);padding:15px 18px;border-radius:15px}.leader-row.podium{border-color:#d9be78;box-shadow:0 10px 30px rgba(154,123,51,.08)}.leader-main{display:grid}.leader-main span,.leader-row small{color:var(--muted);font-size:12px}.rank{font-size:24px;font-weight:900}.leader-score b{font-size:26px}.year-tabs{display:flex;gap:6px;flex-wrap:wrap}.badge-card{text-align:center}.badge-card.locked{opacity:.48;filter:grayscale(1)}.badge-icon{font-size:50px}.qr-real{display:inline-grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.qr-real img{display:block}.copy-row{display:flex;gap:8px}.copy-row input{flex:1;border:1px solid var(--line);padding:12px;border-radius:10px}.pricing-card .price{font-size:34px;font-weight:900}.pricing-card .price small{font-size:13px;color:var(--muted)}.codebox{padding:12px;background:#102a22;color:#d9fff0;border-radius:10px;overflow-wrap:anywhere;font-family:ui-monospace,monospace}.assessment-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.module-card{display:block;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;color:var(--ink)}.module-card:hover{border-color:#9bc7b5;box-shadow:0 8px 24px rgba(32,78,60,.08)}.module-card b{display:block;margin-bottom:4px}.module-card small{color:var(--muted)}
@media(max-width:900px){.module-grid,.skill-grid,.check-grid{grid-template-columns:1fr 1fr}.leader-row{grid-template-columns:50px 1fr 70px}.leader-row>div:nth-child(3),.leader-row>div:nth-child(4),.leader-row>div:nth-child(5){display:none}.copy-row{flex-direction:column}}
@media(max-width:560px){.module-grid,.skill-grid,.check-grid{grid-template-columns:1fr}}

/* ArabTutor v1.1.2 — Tutor Studio UI Fix */
.studio-section{margin:34px 0}.studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.studio-heading h2{font-size:30px;line-height:1.15;letter-spacing:-.7px;margin:10px 0 4px}.studio-heading p{margin:0}.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.studio-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:92px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;color:var(--ink);box-shadow:0 8px 24px rgba(32,78,60,.045);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.studio-card:hover{transform:translateY(-2px);border-color:#98c5b1;box-shadow:0 14px 30px rgba(32,78,60,.09)}.studio-card-primary{background:linear-gradient(135deg,#fff 0%,#f2faf6 100%)}.studio-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--soft);font-size:22px}.studio-copy{display:grid;min-width:0}.studio-copy strong{font-size:15px;line-height:1.25;margin-bottom:4px}.studio-copy small{display:block;color:var(--muted);font-size:12px;line-height:1.35}.studio-arrow{font-size:20px;color:#8ba097;justify-self:end;transition:transform .18s ease}.studio-card:hover .studio-arrow{transform:translateX(3px);color:var(--green)}
@media(max-width:980px){.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.studio-grid{grid-template-columns:1fr}.studio-card{min-height:82px;padding:14px}.studio-heading h2{font-size:26px}}