:root{--bg:#101f2b;--deep:#0b1721;--panel:#152634;--gold:#d4b47a;--white:#f7f2e9;--muted:#a5afb7;--border:rgba(212,180,122,.19)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--white);font-family:Tajawal,Arial,sans-serif;font-size:18px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.wrap{max-width:1200px;width:calc(100% - 100px);margin-inline:auto}.header{height:112px;max-width:1360px;margin:auto;padding:0 50px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:25px}.brand{display:flex;align-items:center;gap:14px;font-weight:700;line-height:1.4;font-size:21px}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:5px;letter-spacing:.3px}.seal{width:48px;height:54px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:24px 24px 4px 4px;color:var(--gold);font-family:Amiri,serif;font-size:36px;font-weight:400}.header nav{display:flex;gap:34px;font-size:15px;color:#d2d7d8}.header nav a:hover,.text-link:hover{color:var(--gold)}.nav-contact{border:1px solid var(--border);padding:9px 21px;font-size:15px;border-radius:5px}.nav-contact span{margin-right:18px;color:var(--gold)}.hero{min-height:730px;display:grid;grid-template-columns:1.08fr 1fr;position:relative;align-items:center;gap:55px;padding:50px 0 85px}.eyebrow{font-size:14px;font-weight:500;letter-spacing:.5px;color:var(--gold);display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--gold)}.bismillah{font-family:Amiri,serif;color:#c8d0d5;font-size:22px;margin:25px 0 8px}h1,h2,h3,p{margin-top:0}h1{font-family:Amiri,serif;font-weight:400;font-size:clamp(60px,6.3vw,90px);line-height:1.22;margin-bottom:28px;letter-spacing:-2px}h1 span,h2 span{color:var(--gold)}.hero-description{color:#c2cbd0;font-size:23px;line-height:1.7;margin-bottom:32px}.actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:14px 25px;border-radius:4px;font-size:16px;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.gold{background:var(--gold);color:var(--deep)}.gold:hover{background:#e5c995}.text-link{font-size:15px;display:inline-flex;align-items:center;gap:19px}.play{font-size:13px}.hero-signature{display:flex;gap:15px;align-items:center;color:#9ca8b1;font-size:13px;margin-top:38px}.line{width:45px;height:1px;background:var(--gold)}.portrait-area{position:relative;min-width:0;padding:18px 32px 30px}.portrait{height:510px;border-radius:220px 220px 12px 12px;overflow:hidden;position:relative;background:#263641}.portrait img{width:100%;height:100%;object-fit:cover;object-position:61% 50%}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,23,33,.65),transparent 40%)}.orbit{position:absolute;border:1px solid var(--border);border-radius:250px 250px 10px 10px;pointer-events:none}.orbit-one{inset:0 15px 10px}.orbit-two{inset:-17px 0 -6px;border-color:rgba(212,180,122,.09)}.star{position:absolute;color:var(--gold)}.star-one{right:-2px;top:50px;font-size:42px}.star-two{left:4px;bottom:95px;font-size:34px}.portrait-label{position:absolute;bottom:52px;right:58px;left:58px;text-align:center}.portrait-label>span{font-family:Amiri;font-size:32px}.portrait-label small{display:block;font-size:13px;color:#e0d5c3}.scroll{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:var(--muted);font-size:12px;display:flex;align-items:center;gap:20px}.verse-band{padding:30px 20px 33px;border-block:1px solid var(--border);background:var(--deep);text-align:center}.verse-band>span{color:var(--gold);font-size:19px}.verse-band p{font:32px/1.8 Amiri,serif;margin:4px 0;color:#e1cfaa}.verse-band small{color:var(--muted);font-size:12px}.section{padding-block:100px}h2{font:400 49px/1.45 Amiri,serif;margin:12px 0 26px}.about{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.about-copy{padding-top:8px;color:#bcc5cb;font-size:18px}.about-copy p{margin-bottom:22px}.mission{border-top:1px solid var(--border);display:flex;gap:22px;padding-top:24px}.mission>span{font-size:32px;color:var(--gold)}.mission p{font-family:Amiri;color:#e5d9c3;font-size:23px;margin:0}.recitations{background:var(--deep);border-block:1px solid var(--border)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.section-heading h2{margin-bottom:0}.featured{display:block;position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.featured>img{display:block;width:100%;height:auto}.feature-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px 30px;background:#152633}.feature-bottom small{color:var(--gold);font-size:13px}.feature-bottom h3{font-size:22px;margin:3px 0 0}.round-play{width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:18px;transition:background .2s}.featured:hover .round-play{background:var(--gold);color:var(--deep)}.section-note{font-size:14px;color:var(--muted);margin:20px 0 0}.username{font-size:17px;color:var(--gold);border-bottom:1px solid var(--border);padding-bottom:6px}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.social-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:30px 25px;transition:transform .25s,border-color .25s}.social-card:hover{transform:translateY(-6px);border-color:var(--gold)}.social-icon{display:grid;place-items:center;width:42px;height:42px;font-family:Arial;font-size:28px;color:var(--gold);border:1px solid var(--border);border-radius:10px;margin-bottom:22px}.youtube{font-size:18px}.instagram{font-size:36px}.social-card h3{font-size:21px;margin-bottom:6px}.social-card p{font-size:14px;color:var(--muted);margin-bottom:23px}.handle{font-size:13px;color:#d3d9dd;display:inline-block}.arrow{position:absolute;left:24px;bottom:27px;color:var(--gold);font-size:20px}.share-strip{margin-top:42px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--border);padding-top:32px}.share-strip p{margin:0;font-size:18px}.share-strip small{display:block;font-size:14px;color:var(--muted)}.outline{color:var(--gold);background:transparent;border-color:var(--border)}.share-status{font-size:13px;color:var(--gold);flex-basis:100%}.share-status:empty{display:none}.contact{background:var(--deep);border-block:1px solid var(--border)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact p{color:var(--muted);margin-bottom:27px}.contact-list{border-top:1px solid var(--border)}.contact-list>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--border)}.contact-list>a:hover strong{color:var(--gold)}.contact-list small{display:block;font-size:12px;color:var(--muted)}.contact-list strong{font-size:24px;font-weight:500;letter-spacing:1px}.contact-list i{font-style:normal;color:var(--gold)}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:40px}.footer p{font-family:Amiri;font-size:19px;color:var(--muted);margin:0}.back-top{font-size:13px;color:var(--gold)}.skip{position:fixed;top:-100px;right:20px;z-index:20;background:var(--gold);color:var(--deep);padding:10px}.skip:focus{top:10px}@media(min-width:1500px){.hero{min-height:800px}}@media(max-width:1000px){.wrap{width:calc(100% - 60px)}.header{padding-inline:30px}.header nav{gap:18px}.hero{gap:20px;min-height:660px}h1{font-size:67px}.portrait-area{padding-inline:20px}.portrait{height:450px}.portrait-label{right:35px;left:35px}.hero-description{font-size:20px}.actions{gap:17px;flex-wrap:wrap}.about,.contact-layout{gap:45px}.social-grid{grid-template-columns:repeat(2,1fr)}h2{font-size:43px}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:auto;min-height:88px;padding:18px 20px;flex-wrap:wrap;gap:17px}.brand{font-size:18px}.seal{width:39px;height:46px;font-size:29px}.header nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--border);padding-top:13px;font-size:13px;gap:28px}.nav-contact{font-size:12px;padding:7px 12px}.nav-contact span{margin-right:7px}.hero{grid-template-columns:1fr;padding:38px 0 55px;gap:35px;min-height:0}.hero-copy{text-align:center}.eyebrow{justify-content:center}.bismillah{font-size:21px;margin-top:19px}h1{font-size:66px;margin-bottom:20px}.hero-description{font-size:20px}.actions{justify-content:center}.hero-signature{justify-content:center;margin-top:26px}.portrait-area{width:min(100%,350px);margin:0 auto;padding:14px 24px 22px}.portrait{height:360px}.portrait-label{bottom:37px}.scroll{display:none}.verse-band p{font-size:25px}.section{padding-block:60px}.about,.contact-layout{grid-template-columns:1fr;gap:25px}.about>div:first-child{text-align:center}h2{font-size:38px}.about-copy{font-size:17px}.mission p{font-size:21px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-heading .eyebrow{justify-content:flex-start}.section-heading h2{font-size:35px}.feature-bottom{padding:17px;gap:12px}.feature-bottom h3{font-size:17px}.round-play{flex-shrink:0;width:40px;height:40px}.social-grid{gap:12px}.social-card{padding:22px 17px}.social-card h3{font-size:19px}.social-card p{font-size:12px}.arrow{left:13px}.handle{font-size:12px}.share-strip{gap:18px}.share-strip small{font-size:13px}.contact-layout>div:first-child{text-align:center}.contact p br{display:none}.contact-list strong{font-size:21px}.footer{flex-direction:column;text-align:center;gap:20px}.footer p{font-size:17px}.username{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}