:root{--primary-green: #2F6F4E;--soft-green: #4C8C6A;--light-green: #DCEFE3;--gold-accent: #C6A75E;--cream-bg: #F4F1EA;--card-bg: #FFFFFF;--text-dark: #2E3A34}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,sans-serif;background-color:var(--cream-bg);color:var(--text-dark);line-height:1.6}.hero{text-align:center;padding:90px 20px 70px;background:linear-gradient(to bottom,var(--light-green),var(--cream-bg));border-bottom:1px solid #e6e2d8}.hero h1{font-family:Cormorant Garamond,serif;font-size:52px;font-weight:1000;color:var(--primary-green);letter-spacing:1px;margin-bottom:10px}.tagline{font-size:18px;color:var(--soft-green);margin-bottom:20px;font-style:italic}#surah-title{font-size:22px;margin-top:10px;color:var(--primary-green)}.home-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.2rem;font-family:Inter,sans-serif;font-weight:500;font-size:1rem;color:#fff;background:var(--primary-green);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2f6f4e33}.home-btn:hover{background:var(--soft-green);transform:translateY(-3px)}.home-btn:active{background:#255a3e;transform:translateY(0)}main{padding:20px;min-height:100vh}#surah-list{padding:20px}@font-face{font-family:surahs_v4-Regular;src:url(/assets/sura_names-DijTBuDX.woff2) format("woff2");font-style:normal;direction:rtl;font-display:swap}.surah-icon{font-family:surahs_v4-Regular,sans-serif;font-weight:400;font-size:2.5rem}.surah-number{font-size:10rem;font-weight:700;fill:var(--primary-green)}.surah-name{font-size:14px;margin-left:5px}.surah-title{display:flex;flex-direction:row;justify-content:center;align-items:center}.surah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:16px}.surah-link{display:flex;flex-direction:row;align-items:center;padding:8px;justify-content:space-between;text-decoration:none}#surah-list-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:40px 20px;max-width:1000px;margin:auto;transition:opacity .3s ease-in-out}.surah-item{background-color:var(--card-bg);border:1px solid #E6E2D8;border-radius:18px;padding:3px;transition:all .3s ease;display:block}.surah-item:hover{transform:translateY(-6px);box-shadow:0 12px 30px #2f6f4e1f;border:1px solid var(--primary-green)}.surah-item a{text-decoration:none;color:var(--text-dark);font-weight:500;font-size:18px}.surah-item a:hover{color:var(--primary-green)}#pdf-container{height:100vh;display:flex;justify-content:center;transition:opacity .6s ease-in-out}#pdf-iframe{width:100%;height:100%;border:none;border-radius:16px;box-shadow:0 10px 30px #00000014}footer{background-color:var(--primary-green);color:var(--cream-bg);text-align:center;padding:25px;margin-top:60px;font-size:14px;border-top:3px solid var(--gold-accent)}.transition{transition:opacity .5s ease,visibility .5s ease;opacity:1;visibility:visible}.hidden{opacity:0;pointer-events:none}@media(max-width:600px){.hero h1{font-size:36px}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.surah-item{padding:12px}#surah-list-container{grid-template-columns:1fr}}