:root{--navy:#103b59;--blue:#0c5685;--gold:#a97528;--cream:#fbf7ef;--ink:#153c57;--muted:#526b7a;--line:#eadfce}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}.site-header{display:flex;align-items:center;gap:24px;padding:14px clamp(18px,5vw,76px);background:#fffdf8;position:sticky;top:0;z-index:5;border-bottom:1px solid #eee5d8}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:260px}.brand-type strong{display:block;font-family:Georgia,serif;font-size:30px;line-height:1.05;color:var(--navy)}.brand-type small{display:block;letter-spacing:4px;color:var(--gold);font-size:11px;margin-top:5px}.brand-mark{width:58px;height:65px;position:relative;display:block;flex-shrink:0}.tablet{position:absolute;z-index:2;left:13px;top:10px;width:29px;height:44px;border:2px solid #7e4d20;background:linear-gradient(90deg,#8c5524,#d49a4c,#7b461e);box-shadow:0 0 10px #edbd67;color:#40230d;font-size:8px;text-align:center;padding-top:8px;writing-mode:vertical-rl}.tablet i{position:absolute;left:4px;right:4px;bottom:5px;border-bottom:1px solid #573213}.glow{position:absolute;left:3px;top:0;width:50px;height:53px;background:radial-gradient(ellipse,#ffda8a88,transparent 70%)}.pen{position:absolute;z-index:3;width:4px;height:42px;background:#59371d;transform:rotate(30deg);left:42px;top:1px;border-radius:4px}.inkpot{position:absolute;bottom:4px;left:3px;width:20px;height:12px;border-radius:40% 40% 30% 30%;background:linear-gradient(#49301d,#100e0c);z-index:3}.beads{position:absolute;bottom:0;left:20px;font-size:8px;color:#6f431f;white-space:nowrap}.nav{display:flex;gap:clamp(12px,2vw,28px);align-items:center;margin-left:auto}.nav a{text-decoration:none;font-size:13px;white-space:nowrap}.nav a:hover,.course-card a:hover{color:var(--gold)}.header-actions{display:flex;gap:10px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:11px;padding:11px 17px;text-decoration:none;font-weight:650;font-size:13px;border:1px solid transparent;cursor:pointer}.button-primary{background:var(--navy);color:white}.button-primary:hover{background:#17577d}.button-outline{border-color:#7892a4;color:var(--navy);background:transparent}.button-large{padding:14px 24px;font-size:15px}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy)}.hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:510px;background:linear-gradient(90deg,#fbf7ef 0%,#fbf7ef 42%,#e8ddca 100%)}.hero-copy{padding:65px 5vw 54px 6vw;align-self:center}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:700;margin:0 0 12px}.hero h1{font:clamp(38px,4.1vw,62px)/1.03 Georgia,"Times New Roman",serif;letter-spacing:-1.3px;margin:0 0 18px;color:var(--navy);max-width:650px}.lead{font-size:16px;max-width:540px;color:#234b66}.feature-pills{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0 28px;font-size:12px;color:#234b66}.feature-pills span{padding-right:13px;border-right:1px solid #c7a56e}.hero-art{position:relative;min-height:510px;background:linear-gradient(90deg,#fbf7ef00,#fbf7ef00),url("assets/tablet-verse-still-life.png") 38% center/cover no-repeat}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fbf7ef38,transparent 22%)}.art-label{position:absolute;bottom:18px;right:18px;background:#fffaf0e8;padding:10px 14px;border-radius:9px;color:var(--navy);font-size:12px;z-index:1}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 7%;background:#eaf0f1;gap:20px}.proof-strip>div{display:grid;grid-template-columns:40px 1fr;align-items:center;column-gap:10px}.proof-icon{grid-row:span 2;color:var(--gold);font-size:27px}.proof-strip strong{font-family:Georgia,serif;font-size:17px}.proof-strip small{color:var(--muted);font-size:12px}.courses-section{padding:65px 7% 72px}.section-heading{text-align:center;margin-bottom:30px}.section-heading h2,.join-section h2,.contact-section h2{font:clamp(28px,3vw,40px)/1.12 Georgia,serif;color:var(--navy);margin:0 0 10px}.section-heading>p:last-child{color:var(--muted);margin:0}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1150px;margin:auto}.course-card{padding:27px 24px 25px;text-align:center;border:1px solid var(--line);border-radius:13px;background:linear-gradient(140deg,#fffaf1,#f5eee2)}.course-icon{display:grid;place-items:center;margin:0 auto 15px;width:62px;height:62px;border-radius:50%;background:#a8752a;color:white;font:31px Georgia,serif}.course-card h3{font:23px Georgia,serif;color:var(--navy);margin:0 0 10px}.course-card p{color:var(--muted);font-size:14px;max-width:270px;margin:0 auto 17px}.course-card a{font-size:13px;color:var(--gold);text-decoration:none;font-weight:650}.hadith-section{padding:40px 7%;background:#e8eff1}.hadith-card{text-align:center;max-width:850px;margin:auto;padding:25px 20px}.arabic{font-size:clamp(28px,4vw,42px);color:var(--navy);margin:20px 0;font-family:serif}.transliteration,.translation{font:italic 19px Georgia,serif;color:#234b66}.hadith-card small{display:block;margin-top:20px;color:var(--muted);font-size:12px}.join-section{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:65px 8%;background:#fffaf3}.join-section>div{padding:24px 20px}.join-section p:not(.eyebrow){color:var(--muted);max-width:520px}.join-side{border-left:1px solid var(--line)}.contact-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:65px 8%;background:#f0e8da}.contact-copy p{color:var(--muted)}.interest-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.interest-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650}.interest-form label:nth-last-of-type(1),.interest-form button,.form-note{grid-column:1/-1}.interest-form input,.interest-form select,.interest-form textarea{font:inherit;font-weight:400;padding:12px;border:1px solid #d6c9b7;border-radius:8px;background:#fffdf8;color:var(--ink);width:100%}.interest-form input:focus,.interest-form select:focus,.interest-form textarea:focus{outline:2px solid #b5c7d1}.form-note{font-size:12px;color:#765e42;margin:0}.site-footer{background:#103b59;color:#fff;padding:30px 7%;text-align:center}.footer-brand{font:28px Georgia,serif}.footer-brand span{display:block;color:#e6bd70;font:10px system-ui;letter-spacing:4px}.site-footer p{color:#f1d59e}.site-footer small{color:#cbd8df}.site-footer p,.site-footer small{font-size:12px}
@media(max-width:1200px){.site-header{flex-wrap:wrap}.nav{order:3;width:100%;justify-content:center}.header-actions{margin-left:auto}.brand{min-width:230px}.hero-copy{padding-left:5vw}.hero h1{font-size:clamp(36px,4vw,52px)}}
@media(max-width:760px){.site-header{padding:12px 18px;gap:10px}.brand{min-width:0}.brand-type strong{font-size:24px}.brand-mark{width:48px;height:58px;transform:scale(.9);transform-origin:left center}.menu-toggle{display:block;margin-left:auto}.nav{display:none;order:4;flex-direction:column;align-items:stretch;padding:12px 0}.nav.open{display:flex}.nav a{padding:8px 4px}.header-actions{width:100%;order:5}.header-actions .button{flex:1}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 35px}.hero h1{font-size:43px}.hero-art{min-height:330px;background-position:center 25%}.proof-strip{grid-template-columns:1fr;padding:22px 8%;gap:16px}.course-grid{grid-template-columns:1fr}.courses-section{padding:45px 6%}.join-section,.contact-section{grid-template-columns:1fr;padding:40px 7%;gap:20px}.join-side{border-left:0;border-top:1px solid var(--line);padding-top:35px!important}.interest-form{grid-template-columns:1fr}.interest-form label,.interest-form button,.form-note{grid-column:1}.hadith-section{padding:25px 5%}}