:root{color:#2f2a27;font-synthesis:none;background:#fffaf4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:#2f2a27;background:radial-gradient(circle at 100% 0,#ffe6da 0,#0000 28%),#fffaf4;margin:0}button,textarea{font:inherit}.app-shell{min-height:100vh}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#fffaf4eb;border-bottom:1px solid #eadfd6;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand{color:#2f2a27;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;font-size:1.08rem;font-weight:800;display:flex}.logo-slot{color:#fff;background:#ef8b70;border-radius:11px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.question{color:#ef8b70;margin-left:2px}.site-header nav{gap:6px;display:flex}.site-header nav button{color:#6f625b;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 14px}.site-header nav button.active,.site-header nav button:hover{color:#a94e39;background:#fbe5dc}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:56px;max-width:1180px;margin:0 auto;padding:88px 28px 70px;display:grid}.eyebrow,.small-label,.section-heading>span{text-transform:uppercase;letter-spacing:.14em;color:#c25f49;font-size:.72rem;font-weight:800}.hero h1,.page-intro h1{color:#302725;margin:18px 0;font-family:Georgia,Times New Roman,serif;font-weight:500;line-height:1.02}.hero h1{max-width:800px;font-size:clamp(3rem,7vw,6rem)}.hero h1 em{color:#d66f56;font-weight:500}.hero p,.page-intro p{color:#75655d;max-width:700px;font-size:1.08rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.primary,.secondary{cursor:pointer;border-radius:999px;padding:14px 20px;font-weight:750}.primary{color:#fff;background:#df785f;border:1px solid #db745b}.secondary{color:#4c403a;background:#fffaf4;border:1px solid #dbcac0}.hero-card,.progress-card,.prayer-card,.reflection-card{background:#ffffffc7;border:1px solid #ebdcd1;border-radius:28px;box-shadow:0 18px 50px #58342614}.hero-card{padding:28px}.hero-card h3{margin:10px 0 26px;font-family:Georgia,serif;font-size:2rem}.mini-row{border-top:1px solid #eee2da;justify-content:space-between;gap:20px;padding:16px 0;display:flex}.mini-row span{color:#9d7969}.section-block,.page-section{max-width:1180px;margin:0 auto;padding:38px 28px 90px}.section-heading h2{margin:10px 0 28px;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:500}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{text-align:left;cursor:pointer;background:#fffdf9;border:1px solid #eadbd2;border-radius:24px;min-height:230px;padding:28px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #61362614}.gradient-strip{background:linear-gradient(90deg,#f4a28c,#e7785e,#f1c29f);height:7px;position:absolute;top:0;left:0;right:0}.feature-card h3{margin:10px 0;font-family:Georgia,serif;font-size:2rem}.feature-card p{color:#76675f;line-height:1.6}.text-link{color:#b65a45;margin-top:24px;font-weight:800;display:block}.page-intro{padding:46px 0 28px}.page-intro h1{font-size:clamp(2.7rem,6vw,5rem)}.surah-list{background:#fffdf9;border:1px solid #eadbd2;border-radius:26px;overflow:hidden}.surah-row{border-bottom:1px solid #eee2da;grid-template-columns:50px 1fr auto;align-items:center;gap:18px;padding:18px 22px;display:grid}.surah-row:last-child{border-bottom:0}.surah-number{color:#b95d46;background:#fbe9e1;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.surah-row div{flex-direction:column;gap:3px;display:flex}.surah-row div span,.surah-row>span:last-child{color:#947b70;font-size:.87rem}.journal-layout{grid-template-columns:1.5fr .65fr;align-items:start;gap:18px;display:grid}.prayer-card{padding:8px 22px}.prayer-row{border-bottom:1px solid #eee2da;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.prayer-row:last-child{border-bottom:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#725f56;cursor:pointer;background:#fffaf4;border:1px solid #e0cec4;border-radius:999px;padding:9px 13px}.chip.selected{color:#fff;background:#f29a7f;border-color:#f29a7f}.progress-card{padding:26px;position:sticky;top:96px}.xp{color:#d97158;margin:8px 0;font-family:Georgia,serif;font-size:3.6rem;display:block}.progress-card p{color:#7b6a62;line-height:1.6}.reflection-card{margin-top:18px;padding:24px}.reflection-card label{margin-bottom:12px;font-weight:800;display:block}.reflection-card textarea{resize:vertical;color:#372d29;background:#fffaf4;border:1px solid #e4d3ca;border-radius:18px;width:100%;min-height:140px;padding:16px}.reflection-card span{color:#9b8277;margin-top:8px;font-size:.82rem;display:block}.dua-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dua-card{text-align:left;cursor:pointer;background:#fffdf9;border:1px solid #eadbd2;border-radius:22px;min-height:150px;padding:24px;position:relative;overflow:hidden}.dua-card strong{max-width:88%;font-family:Georgia,serif;font-size:1.5rem;display:block;position:relative}.dua-card>span:last-child{color:#8d766c;margin-top:24px;font-size:.87rem;display:block;position:relative}.tone{filter:blur(2px);opacity:.42;border-radius:50%;width:120px;height:120px;position:absolute;top:-45px;right:-40px}.tone-1{background:linear-gradient(135deg,#f49b7f,#ffd0b1)}.tone-2{background:linear-gradient(135deg,#e8b0a3,#f5d2b8)}.tone-3{background:linear-gradient(135deg,#d98a78,#f2c7a3)}.tone-4{background:linear-gradient(135deg,#f0a693,#f6dfbc)}footer{color:#8c766b;border-top:1px solid #eadfd6;justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto;padding:28px;font-size:.88rem;display:flex}footer strong{color:#493c36}@media (width<=820px){.site-header{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:14px 18px}.site-header nav{width:100%;padding-bottom:2px;overflow:auto}.site-header nav button{white-space:nowrap}.hero{grid-template-columns:1fr;padding-top:54px}.feature-grid,.dua-grid,.journal-layout{grid-template-columns:1fr}.progress-card{position:static}.prayer-row{flex-direction:column;align-items:flex-start}.surah-row{grid-template-columns:42px 1fr}.surah-row>span:last-child{grid-column:2}footer{flex-direction:column}.logo-slot{display:none}}