@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#3c2b20;background:0 0;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:0 0;min-height:100vh;margin:0}button{font:inherit}.page{max-width:1120px;margin:auto;padding:54px 24px}header{margin-bottom:32px}header span,.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:#80604b;align-items:center;gap:8px;font-size:.77rem;font-weight:700;display:flex}h1{margin:12px 0;font:700 clamp(2.3rem,5vw,4rem)/1.05 Libre Baskerville,serif}header p{color:#735f50}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.single{min-height:100vh;padding:8px;display:grid}.single .widget{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #5e43311c;border-radius:26px;height:100%;min-height:180px;box-shadow:0 12px 32px #533b291a}.single .widget:after{display:block}.single-clock{background:linear-gradient(145deg,#fffaf1,#ead7c2)}.single-focus{background:linear-gradient(145deg,#f3eadc,#dbc5af)}.single-quote{background:linear-gradient(145deg,#dce5d4,#afbea5)}.single-progress{background:linear-gradient(145deg,#faf7f0,#e7ded1)}.single-focus .widget{min-height:220px}.single-progress .widget{min-height:180px}.widget{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf6c7;border:1px solid #5e43311c;border-radius:26px;min-height:250px;padding:28px;position:relative;overflow:hidden;box-shadow:0 16px 45px #533b291f}.widget:after{content:"";background:#b1896221;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-90px;right:-65px}.clock-card{background:linear-gradient(145deg,#fffaf1,#ead7c2)}.focus-card{background:linear-gradient(145deg,#f3eadc,#dbc5af)}.quote-card{color:#263a2b;background:linear-gradient(145deg,#dce5d4,#afbea5)}.progress-card{background:linear-gradient(145deg,#faf7f0,#e7ded1);align-items:center;gap:28px;display:flex}.clock{white-space:nowrap;margin:30px 0 10px;font:700 clamp(3.2rem,7vw,4.8rem)/1 Libre Baskerville,serif}.widget p{color:#745e4e}.timer{margin:34px 0 26px;font:700 clamp(3.5rem,9vw,6rem)/1 Libre Baskerville,serif}.controls{gap:10px;display:flex}.controls button,.stepper button{color:#fff;cursor:pointer;background:#4f694d;border:0;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;display:inline-flex}.controls .ghost,.stepper button{color:#4e3d30;background:#4e3d301f;justify-content:center;width:45px;height:45px;padding:0}.quote-mark{opacity:.35;font:700 5rem/1 Libre Baskerville,serif}blockquote{max-width:440px;margin:-12px 0 24px;font:700 1.55rem/1.5 Libre Baskerville,serif}.text-button{color:#3d5940;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:700;display:flex}.progress-ring{--progress:144deg;background:conic-gradient(#668064 var(--progress), #d8cec1 0);border-radius:50%;flex:none;place-items:center;width:130px;height:130px;display:grid;position:relative}.progress-ring:before{content:"";border-radius:inherit;background:#f5efe6;position:absolute;inset:13px}.progress-ring span{font:700 1.4rem Libre Baskerville,serif;position:relative}.progress-card h2{font:700 1.4rem Libre Baskerville,serif}.stepper{gap:8px;display:flex}@media (width<=720px){.grid{grid-template-columns:1fr}.page{padding:34px 16px}.widget{min-height:220px}}.rtl{font-family:Noto Kufi Arabic,sans-serif}.site{background:#f7f1e8;overflow:hidden}.site nav{justify-content:space-between;align-items:center;max-width:1240px;height:82px;margin:auto;padding:0 28px;display:flex}.brand{letter-spacing:.22em;align-items:center;gap:10px;font-weight:700;display:flex}.brand img{border-radius:9px;width:34px;height:34px}.nav-links{align-items:center;gap:30px;font-size:.92rem;display:flex}.nav-links a:hover{color:#738268}.language{border:1px solid #dacbbc;border-radius:99px;align-items:center;gap:7px;padding:9px 13px;display:flex}.menu{background:0 0;border:0;display:none}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px;max-width:1240px;min-height:690px;margin:auto;padding:70px 28px 90px;display:grid}.kicker{letter-spacing:.14em;text-transform:uppercase;color:#80604b;align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:flex}.hero h1,.section-heading h2,.about-section h2,.contact-section h2{margin:18px 0;font:700 clamp(2.8rem,5vw,5.6rem)/1.05 Libre Baskerville,serif}.rtl .hero h1,.rtl .section-heading h2,.rtl .about-section h2,.rtl .contact-section h2{font-family:Noto Kufi Arabic,sans-serif;line-height:1.35}.hero p,.section-heading p,.about-section p,.contact-section p{color:#725f51;max-width:630px;font-size:1.12rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.primary,.secondary{border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#4f684d}.secondary{background:#fff8ef;border:1px solid #cdbdab}.hero-art{position:relative}.hero-art:before{content:"";background:#e7d7c3;border-radius:48% 52% 45% 55%;position:absolute;inset:-25px;transform:rotate(-4deg)}.hero-art img{aspect-ratio:1.18;object-fit:cover;border-radius:30px;width:100%;position:relative;box-shadow:0 30px 60px #76583c2b}.template-section,.widgets-section,.about-section,.contact-section{padding:110px max(28px,50vw - 592px)}.template-section{background:#fffaf3}.section-heading{max-width:720px}.section-heading h2,.about-section h2,.contact-section h2{font-size:clamp(2.2rem,4vw,4rem)}.centered{text-align:center;margin:0 auto 48px}.centered .kicker{justify-content:center}.centered p{margin-inline:auto}.template-showcase{grid-template-columns:1.45fr .55fr;align-items:stretch;gap:24px;margin-top:44px;display:grid}.template-showcase>img{object-fit:cover;object-position:top;border-radius:28px;width:100%;height:100%;min-height:500px;box-shadow:0 20px 50px #6f4f3620}.template-card{background:#e9ddce;border-radius:28px;flex-direction:column;justify-content:center;padding:38px;display:flex}.template-card>span{color:#526b51;font-weight:700}.template-card h3{font:700 2rem Libre Baskerville,serif}.template-card ul{gap:18px;margin:8px 0 30px;padding:0;list-style:none;display:grid}.template-card li{align-items:center;gap:10px;display:flex}.template-card li svg{color:#5f795c;width:18px}.widgets-section{background:linear-gradient(#f1e6d8,#f7f1e8)}.about-section{background:#fffaf3;grid-template-columns:1fr 1fr;align-items:center;gap:75px;display:grid}.about-image img{object-fit:cover;border-radius:50% 50% 24px 24px;width:100%;height:480px}.contact-section{background:#dce5d4;grid-template-columns:.8fr 1.2fr;gap:90px;display:grid}.contact-form{background:#fffaf3;border-radius:26px;gap:18px;padding:32px;display:grid}.contact-form label{gap:8px;font-weight:700;display:grid}.contact-form input,.contact-form textarea{background:#fff;border:1px solid #d9cbbb;border-radius:12px;outline:none;width:100%;padding:13px 14px}.contact-form input:focus,.contact-form textarea:focus{border-color:#678065;box-shadow:0 0 0 3px #68836624}.contact-form button{color:#fff;background:#4f684d;border:0;border-radius:99px;justify-self:start;align-items:center;gap:9px;padding:13px 19px;font-weight:700;display:flex}.success{color:#4f684d}.error{color:#9a413a}.site footer{color:#725f51;grid-template-columns:1fr auto auto;align-items:center;gap:30px;max-width:1240px;margin:auto;padding:44px 28px;display:grid}.site footer p{margin:0}@media (width<=820px){.nav-links{z-index:10;background:#fffaf3;border-radius:20px;flex-direction:column;align-items:stretch;padding:20px;display:none;position:absolute;top:72px;left:18px;right:18px;box-shadow:0 18px 50px #5f49352b}.nav-links.open{display:flex}.menu{display:block}.hero,.template-showcase,.about-section,.contact-section{grid-template-columns:1fr}.hero{gap:45px;padding-top:35px}.template-card{min-height:420px}.about-section,.contact-section{gap:38px}.site footer{grid-template-columns:1fr}.hero h1{font-size:3rem}}@media (width<=520px){.site nav{padding:0 18px}.hero,.template-section,.widgets-section,.about-section,.contact-section{padding-left:18px;padding-right:18px}.template-showcase>img{min-height:320px}}.site a{color:inherit;text-decoration:none}.template-preview{background:#eadfce;border-radius:28px;margin:0;position:relative;overflow:hidden;box-shadow:0 20px 50px #6f4f3620}.template-preview img{object-fit:cover;object-position:top;width:100%;height:100%;min-height:500px;display:block}.template-preview figcaption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#604a3c;background:#fffaf0e8;border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:700;position:absolute;bottom:18px;left:18px}.rtl .template-preview figcaption{left:auto;right:18px}.widget-grid{grid-template-columns:1.1fr .9fr;grid-template-areas:"clock focus""quote focus""progress progress";gap:20px;max-width:1080px;margin:auto;display:grid}.widget-slot{min-width:0}.widget-slot .widget{height:100%;min-height:230px}.clock-slot{grid-area:clock}.focus-slot{grid-area:focus}.quote-slot{grid-area:quote}.progress-slot{grid-area:progress}.focus-slot .widget{flex-direction:column;justify-content:center;min-height:480px;display:flex}@media (width<=820px){.widget-grid{grid-template-columns:1fr;grid-template-areas:"clock""focus""quote""progress"}.focus-slot .widget,.template-preview img{min-height:320px}}.brand{background:url(/assets/codfah-logo.png) 0/contain no-repeat;flex:none;width:142px;height:58px;font-size:0}.brand img{display:none}.hero-art,.about-image{overflow:hidden}.hero-art img,.about-image img{opacity:1;content:url(/assets/codfah-banner.jpg)}.hero-art{border-radius:30px}.about-image{border-radius:50% 50% 24px 24px}