*{box-sizing:border-box}:root{color:#203029;font-synthesis:none;background:#f8f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:#f8f7f2;border-bottom:1px solid #dedfd7;justify-content:space-between;align-items:center;gap:32px;height:76px;padding:0 clamp(22px,5vw,72px);display:flex}.brand{color:#203029;letter-spacing:-.04em;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:20px;font-weight:750;display:flex}.brand-mark{color:#f8f7f2;background:#0f766e;border-radius:9px;place-items:center;width:29px;height:29px;font-size:25px;line-height:1;display:grid}.topbar nav{gap:28px;margin-left:auto;display:flex}.nav-link{color:#6c766e;background:0 0;border:0;padding:9px 0;font-size:12px}.nav-link:hover,.nav-link.active{color:#0f766e}.nav-link.active{border-bottom:2px solid #0f766e;font-weight:700}.avatar{color:#0f766e;background:#e4ece5;border:1px solid #cdd5cc;border-radius:50%;width:34px;height:34px;font-weight:700}.topbar+main{flex:1;width:min(1280px,100%);margin:0 auto;padding:clamp(32px,5vw,70px) clamp(22px,5vw,72px)}.hero{grid-template-columns:1fr 1.06fr;align-items:center;gap:clamp(36px,7vw,110px);margin-bottom:90px;display:grid}.eyebrow{color:#0f766e;text-transform:uppercase;letter-spacing:.16em;margin-bottom:18px;font-size:10px;font-weight:750;display:block}.hero h1,.page-intro h1{letter-spacing:-.06em;margin:0 0 27px;font-family:Georgia,serif;font-size:clamp(48px,6vw,78px);font-weight:400;line-height:.98}.hero h1 em{color:#0f766e;font-style:italic}.lede{color:#66736b;max-width:450px;margin:0 0 30px;font-size:16px;line-height:1.65}.primary{color:#fff;background:#203029;border:0;border-radius:4px;align-items:center;gap:30px;padding:14px 18px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.primary:hover{background:#0f766e}.hero-art{position:relative}.hero-art img{object-fit:cover;border-radius:2px;width:100%;height:auto;max-height:465px;display:block}.art-note{color:#405047;background:#f8f7f2e8;padding:10px 13px;font-size:11px;position:absolute;bottom:18px;left:18px}.pulse{background:#d49b53;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.workspace-head{border-bottom:2px solid #203029;justify-content:space-between;align-items:end;padding-bottom:22px;display:flex}.workspace-head h2{margin:0;font:400 32px/1 Georgia,serif}.search{color:#6d796f;border-bottom:1px solid #aeb9af;align-items:center;gap:10px;width:210px;padding:6px 0;display:flex}.search input{color:#203029;background:0 0;border:0;outline:0;width:100%;font-size:12px}.content-grid{grid-template-columns:1.45fr .75fr;gap:42px;display:grid}.surah-row{text-align:left;color:#203029;background:0 0;border:0;border-bottom:1px solid #dedfd7;grid-template-columns:45px 1fr auto;align-items:center;gap:20px;width:100%;padding:21px 8px;display:grid}.surah-row:hover{background:#eef1e9}.num{color:#0f766e;font:12px ui-monospace,monospace}.surah-row strong{font-size:15px;font-weight:650;display:block}.surah-row small{color:#849087;margin-top:5px;font-size:11px;display:block}.row-action{color:#77837a;font-size:11px}.row-action b{color:#0f766e;margin-left:8px;font-size:16px}.side-note{background:#e5ece6;min-height:230px;margin-top:22px;padding:30px}.side-note h3{margin:0 0 17px;font:400 25px/1.15 Georgia,serif}.side-note p,.page-intro>p{color:#68756d;font-size:13px;line-height:1.6}.text-link{color:#0f766e;background:0 0;border:0;margin-top:12px;padding:0;font-size:12px;font-weight:700}.page-intro{max-width:1000px}.page-intro>p{max-width:560px;margin-bottom:45px;font-size:17px}.juz-grid{background:#d8ddd7;border:1px solid #d8ddd7;grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.juz-card{background:#f8f7f2;flex-direction:column;gap:15px;min-height:140px;padding:23px;display:flex}.juz-card span{color:#0f766e;font:12px monospace}.juz-card strong{font:22px Georgia,serif}.juz-card small{color:#77837a;font-size:11px}.support-card{border-top:2px solid #203029;max-width:700px;padding-top:30px}.support-card small{color:#6d796f;font-size:11px}.support-card strong{margin:20px 0;font:62px Georgia,serif;display:block}.support-card p{color:#6d796f}.support-line{background:#e0e8df;height:8px;margin-top:30px}.notice{color:#506158;background:#e5ece6;border-left:3px solid #0f766e;max-width:600px;padding:20px;font-size:13px}footer{color:#879188;letter-spacing:.03em;border-top:1px solid #dedfd7;justify-content:space-between;padding:20px clamp(22px,5vw,72px);font-size:10px;display:flex}@media (max-width:760px){.topbar{gap:12px;height:65px}.topbar nav{display:none}.topbar .avatar{margin-left:auto}.hero{grid-template-columns:1fr;gap:35px;margin-bottom:58px}.hero-art{order:-1}.hero-art img{max-height:280px}.hero h1,.page-intro h1{font-size:48px}.content-grid{grid-template-columns:1fr;gap:25px}.side-note{margin-top:0}.juz-grid{grid-template-columns:repeat(2,1fr)}.workspace-head{flex-direction:column;align-items:start;gap:16px}.search{width:100%}.surah-row{grid-template-columns:30px 1fr auto;gap:12px;padding:18px 0}.row-action{font-size:0}.row-action b{font-size:16px}footer{line-height:2;display:block}footer span{display:block}}