*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f8;color:#0f172a;font-family:"IBM Plex Sans Arabic",system-ui,sans-serif}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#08111f;color:#fff}.brand{color:#fff;font-size:24px;font-weight:900;text-decoration:none}.brand span,footer span{color:#a30033}header nav{display:flex;gap:22px}header nav a{color:#dbe2ec;font-weight:800;text-decoration:none}main{max-width:1320px;margin:auto;padding:42px 32px 80px}.loading,.error{padding:70px;text-align:center;color:#64748b}.hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:390px;border-radius:26px;background:#fff;box-shadow:0 20px 60px rgba(15,23,42,.08);overflow:hidden}.hero-copy{padding:54px}.crumb{color:#88002b;font-size:12px;font-weight:900}.hero h1{margin:13px 0 6px;font-size:48px;line-height:1.15}.verified{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:900}.hero p{max-width:650px;margin:22px 0;color:#475569;font-size:17px;line-height:1.9}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{padding:7px 10px;border-radius:9px;background:#f1f5f9;color:#334155;font-size:11px;font-weight:800}.hero-visual{position:relative;display:grid;place-items:center;background:linear-gradient(140deg,#4a0017,#a30033)}.avatar{width:210px;height:210px;display:grid;place-items:center;border:8px solid rgba(255,255,255,.18);border-radius:38%;background:#fff;color:#7a0026;font-size:94px;font-weight:900;box-shadow:0 25px 55px rgba(0,0,0,.24)}.hero-visual>span{position:absolute;bottom:34px;padding:9px 14px;border-radius:99px;background:#fff;color:#7a0026;font-weight:900}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stats div{padding:20px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.stats small{display:block;color:#64748b}.stats b{display:block;margin-top:5px;font-size:24px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:54px 0 18px}.section-head small{color:#88002b;font-weight:900}.section-head h2{margin:4px 0 0;font-size:32px}.section-head p{margin:0;color:#64748b}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-card{border:1px solid #e2e8f0;border-radius:20px;background:#fff;overflow:hidden}.review-photo{position:relative;height:210px;background:#111827}.review-photo img{width:100%;height:100%;object-fit:cover}.score{position:absolute;right:14px;bottom:14px;padding:10px 12px;border-radius:12px;background:#7a0026;color:#fff;font-size:20px;font-weight:900}.review-body{padding:19px}.review-body small{color:#64748b;font-weight:800}.review-body h3{margin:4px 0 8px;font-size:21px}.verdict{display:inline-block;padding:5px 8px;border-radius:7px;background:#fef3c7;color:#92400e;font-size:10px;font-weight:900}.review-body>p{min-height:72px;color:#475569;font-size:13px;line-height:1.75}.scores{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.scores span{padding:8px;border-radius:8px;background:#f8fafc;color:#64748b;font-size:9px}.scores b{display:block;color:#111827;font-size:14px}.notes{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.notes span{padding:5px 7px;border-radius:7px;background:#ecfdf5;color:#047857;font-size:9px;font-weight:800}.notes.warn span{background:#fff7ed;color:#c2410c}.review-card a{display:block;margin:15px 19px 19px;padding:11px;border-radius:10px;background:#08111f;color:#fff;font-weight:900;text-align:center;text-decoration:none}footer{padding:35px;text-align:center;background:#08111f;color:#fff}footer b{font-size:21px}footer p{color:#94a3b8}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-visual{min-height:280px;grid-row:1}.avatar{width:150px;height:150px;font-size:65px}.review-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){header{height:auto;padding:18px 20px;align-items:flex-start}header nav{gap:10px;flex-direction:column;font-size:12px}main{padding:20px 14px 60px}.hero-copy{padding:28px 22px}.hero h1{font-size:34px}.stats{grid-template-columns:1fr 1fr}.review-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column;gap:8px}}
