:root{--forest:#0b493d;--forest2:#05342e;--gold:#e6c487;--gold2:#f3ddab;--text:#1c2f2b;--muted:#697a75;--bg:#f5f7f5;--line:#e5eae6;--white:#fff;--shadow:0 14px 50px rgba(18,50,41,.045);--radius:17px}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%}[hidden]{display:none!important}.container{max-width:1280px;padding:0 26px;margin:0 auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.24}h2{font-size:28px;letter-spacing:-.9px}h3{font-size:17px;letter-spacing:-.35px}p{color:var(--muted)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#ad8d58;text-transform:uppercase}.eyebrow.light{color:#eed49c}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 21px;border-radius:11px;font-weight:750;font-size:13px;white-space:nowrap;transition:transform .15s,background .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #ddba71;outline-offset:2px}.btn-primary{background:var(--forest);color:white}.btn-primary:hover{background:#08614f;box-shadow:0 8px 22px #0b493d18}.btn-gold{background:var(--gold);color:#233b31}.btn-gold:hover{background:var(--gold2)}.btn-outline{border-color:#ffffff65;color:#fff}.btn-outline:hover{background:#ffffff1c}.btn-soft{background:#f1f5f2;color:var(--forest);border-color:#e1eae5}.btn.small{font-size:12px;padding:9px 13px;gap:8px}.btn.block{width:100%}.site-header{height:84px;background:white;position:relative;z-index:20;border-bottom:1px solid #f0f1ec}.header-row{height:100%;display:flex;align-items:center;gap:40px}.brand,.admin-logo{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{width:43px;height:43px;background:var(--forest);color:var(--gold);border-radius:12px;display:grid;place-items:center;font-size:30px;line-height:1}.brand strong,.admin-logo strong{display:block;font-size:18px;letter-spacing:-.5px;line-height:1.3}.brand small,.admin-logo small{display:block;font-size:10px;color:#7c8a83;letter-spacing:.25px}.nav-links{display:flex;gap:33px;margin:auto;align-items:center}.nav-links a{font-size:13px;font-weight:650;color:#536560}.nav-links a:hover{color:var(--forest)}.nav-action{border:1px solid var(--line);border-radius:9px;padding:10px 15px;color:var(--forest);font-size:12px;font-weight:800}.nav-action span{margin-left:8px}.hamburger{display:none;background:white;border:1px solid var(--line);border-radius:9px;padding:6px 12px;font-size:22px}.mobile-nav{display:none}.hero{background:radial-gradient(circle at 88% 32%,#216b59 0%,transparent 36%),linear-gradient(124deg,#07352e,#0b473c 76%);color:white;overflow:hidden}.hero-inner{display:flex;min-height:464px;position:relative;align-items:center}.hero-copy{width:62%;position:relative;z-index:2;padding:73px 0 65px}.hero h1{font-size:clamp(38px,4vw,59px);line-height:1.12;letter-spacing:-2.5px;font-weight:780;margin:21px 0 24px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:560px;color:#c8dad3;font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-trust{display:flex;gap:24px;color:#bdd4c9;font-size:11px;letter-spacing:.3px;margin-top:45px}.live-dot{display:inline-block;width:7px;height:7px;background:#e5c181;border-radius:99px;margin-right:7px;box-shadow:0 0 0 4px #e5c1812c}.hero-art{width:360px;height:360px;margin-left:auto;position:relative;display:grid;place-items:center;flex-shrink:0}.art-ring{border:1px solid #b8d5bd3d;border-radius:50%;position:absolute;inset:16px}.art-ring-1:before,.art-ring-2:before{content:'';position:absolute;border:1px solid #ddc78950;inset:20px;border-radius:50%}.art-ring-2{transform:rotate(45deg);border-radius:28%;inset:58px;border-color:#f6e6bb2a}.art-center{text-align:center;position:relative;color:#e9d6a5}.art-center .art-small{font:24px/1.8 'Amiri','Traditional Arabic',serif}.art-symbol{font-size:114px;line-height:1.15;text-shadow:0 10px 35px #031f1870}.art-center span{letter-spacing:3px;font-size:9px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0 44px}.stat-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:23px 23px 21px;box-shadow:var(--shadow);position:relative}.stat-card>span{display:block;font-size:12px;color:#798780;font-weight:650}.stat-card strong{display:block;font-size:29px;font-weight:800;line-height:1.3;margin-top:7px;letter-spacing:-1px}.stat-icon{background:#e9f1ec;color:var(--forest);width:37px;height:37px;display:grid;place-items:center;border-radius:11px;font-size:20px;margin-bottom:14px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:28px;align-items:start}.main-column{min-width:0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px}.section-heading h2{margin:6px 0 6px}.section-heading p{margin:0}.section-after{margin-top:48px}.soft-link{color:var(--forest);font-size:12px;font-weight:800;margin-bottom:8px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.feature-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:22px 20px;display:flex;flex-direction:column;min-height:243px;transition:border-color .2s,transform .2s}.feature-card:hover{transform:translateY(-3px);border-color:#b9d4c2}.feature-ico{width:43px;height:43px;background:#eef5f0;border-radius:11px;display:grid;place-items:center;color:var(--forest);font-size:24px;margin-bottom:19px}.feature-card h3{margin-bottom:8px}.feature-card p{font-size:12px;line-height:1.75;margin-bottom:15px}.feature-link{margin-top:auto;font-size:12px;font-weight:850;color:var(--forest)}.surah-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.surah-link{border:1px solid var(--line);border-radius:11px;background:white;display:flex;align-items:center;padding:15px 13px;gap:12px;transition:border-color .2s}.surah-link:hover{border-color:#9ec6b2}.surah-number{width:36px;height:36px;display:grid;place-items:center;background:#f0f5f2;border-radius:9px;font-size:12px;font-weight:850;color:#427867;flex-shrink:0}.surah-link strong{display:block;font-size:12px}.surah-link small{color:#9aa39c;font-size:10px}.surah-ar{font:20px/1.4 'Amiri','Traditional Arabic',serif;margin-left:auto;color:#7d9d90;white-space:nowrap}.site-sidebar{display:flex;flex-direction:column;gap:14px;min-width:0}.sidebar-heading{padding:7px 0 2px}.sidebar-heading h2{font-size:21px;margin:5px 0}.widget{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:1px}.widget-body{padding:19px 19px 20px}.widget-eyebrow{font-size:9px;letter-spacing:1.5px;color:#bd9c62;font-weight:850;margin-bottom:9px}.widget h3{font-size:16px;margin-bottom:9px}.widget p{font-size:12px;line-height:1.85;margin-bottom:8px;white-space:normal;overflow-wrap:anywhere}.widget-image{display:block;width:100%;height:auto;max-height:350px;object-fit:cover}.link-arrow{font-weight:800;color:var(--forest);font-size:12px}.footer{background:#072f2b;color:#e3eee5;margin-top:64px}.foot-row{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:37px;padding-bottom:35px}.foot-row b{font-size:17px}.foot-row p{color:#91aea3;margin:6px 0;font-size:11px}.foot-credit{font-size:10px;color:#91aea3;max-width:380px;text-align:right}.home-content{padding-bottom:4px}
/* Reader */
.reader-top{background:linear-gradient(135deg,#07372e,#145545);padding:42px 0 48px;color:white}.reader-top h1{font-size:34px;letter-spacing:-1.4px;margin:13px 0 6px}.reader-top p{color:#c5d9cd;max-width:720px;margin:0}.reader-wrap{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:25px;align-items:start;padding-top:26px}.reader-main{min-width:0}.reader-switch{display:flex;gap:7px;background:white;border:1px solid var(--line);border-radius:13px;padding:6px;margin-bottom:17px}.reader-switch a{flex:1;text-align:center;padding:11px 7px;border-radius:9px;font-size:12px;font-weight:750;color:#667970}.reader-switch a.active{background:var(--forest);color:white}.reader-controls,.reader-toolbar{background:white;border:1px solid var(--line);border-radius:12px;padding:14px 17px;margin-bottom:12px}.filter-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.filter-form label,.audio-selection{font-size:11px;font-weight:750;color:#6d7b73;display:flex;gap:5px;flex-direction:column}.filter-form label{min-width:120px;flex:1}.filter-form label[data-type=surah]{flex:2}.filter-form select,.filter-form input{padding:10px 12px;min-height:40px;font-size:12px;border:1px solid #e1e8e4;border-radius:8px;background:#fcfdfc;color:#263e34;width:100%;min-width:0}.filter-form .btn{min-height:40px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.audio-selection{flex-direction:row;align-items:center;gap:9px}.audio-selection select{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:white;max-width:240px;min-width:0}.reader-tool-right{display:flex;gap:6px;align-items:center}.tool-toggle{background:#f4f7f5;border:1px solid #e6ece7;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:750;color:#466254}.tool-toggle.on{background:#ecf5ec;color:#0b6548}.reader-note{background:#f4eee1;border:1px solid #e5d7ba;color:#806641;border-radius:10px;font-size:12px;line-height:1.6;padding:13px 17px;margin-bottom:15px}.reading-header{display:flex;justify-content:space-between;align-items:center;margin:20px 0 11px;padding:0 6px}.reading-header h2{margin:5px 0;font-size:25px}.reading-header span:not(.page-ornament){color:#899790;font-size:12px}.page-ornament{font-size:32px;color:#a2bbae}.verses{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden}.surah-banner{text-align:center;background:linear-gradient(90deg,#f6f9f6,#f0f7f1,#f6f9f6);padding:25px 12px;border-bottom:1px solid #e9ede9}.surah-banner h3{font-size:23px;color:#174639;margin:5px 0 4px}.surah-banner>span{font:26px/1.7 'Amiri','Traditional Arabic',serif;color:#507466}.verse{padding:24px 27px 20px;border-bottom:1px solid #edf0ed;transition:background .15s}.verse:last-child{border:0}.verse:hover{background:#fcfdfb}.verse.locked{background:#fdfdfb}.verse-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ayah-number{color:var(--forest);font-weight:850;background:#edf4ef;border-radius:7px;padding:5px 9px;font-size:11px}.verse-meta{font-size:11px;color:#a0aba3}.verse-buttons{display:flex;gap:8px;align-items:center;margin-left:auto}.icon-btn{background:none;border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:11px;color:#708076;font-weight:750}.icon-btn:hover,.icon-btn.playing{color:var(--forest);background:#edf7ed}.arabic-verse{font:calc(28px * var(--font-scale,1))/2.4 'Amiri','Noto Naskh Arabic','Traditional Arabic',serif;color:#183d31;margin:12px 0 14px;text-align:right;overflow-wrap:anywhere}.arabic-ayah-end{color:#b99c59;font-size:.8em}.meal-line{color:#536259;font-size:13px;line-height:2;margin:8px 0;border-top:1px dashed #ecf0ec;padding-top:10px}.meal-line.error{color:#b56045}.lock-note{font-size:11px;color:#a47d47;background:#fcf6ea;padding:9px 12px;border-radius:8px}.mushaf-paper{box-shadow:0 8px 0 #f0ebe0,0 15px 30px #d6c9ac30;background:#fffefa;border:2px solid #dfd6bf;min-height:370px;transform-origin:right center}.mushaf-paper .verse{background:#fffefa;padding:12px 28px}.mushaf-paper .arabic-verse{line-height:2.25;margin:0}.mushaf-paper .verse-top{opacity:.75}.mushaf-paper.turning{transition:transform .22s,opacity .22s;transform:perspective(1000px) rotateY(-14deg);opacity:.3}.meal-credit{font-size:11px;color:#829086;padding:12px 8px}.meal-credit a{color:var(--forest);text-decoration:underline}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 0}.pager span{font-size:12px;font-weight:750;color:#819086}.floating-audio{position:fixed;bottom:18px;right:18px;z-index:30;width:min(350px,calc(100vw - 36px));border-radius:50px;box-shadow:0 12px 35px #12342c33}.pdf-card{background:#eaf3ec;border:1px solid #cbded0;border-radius:13px;padding:16px;display:flex;align-items:center;gap:14px;margin-bottom:15px}.pdf-card>span{font-size:28px;color:var(--forest)}.pdf-card div{flex:1}.pdf-card b{font-size:13px;display:block}.pdf-card small{color:#688674;font-size:11px}.pdf-panel{border:1px solid var(--line);background:white;border-radius:12px;padding:15px;margin-bottom:18px;text-align:center}.pdf-panel .muted{font-size:11px}.pdf-panel .muted a{text-decoration:underline}.pdf-buttons{display:flex;align-items:center;justify-content:center;gap:18px;padding:8px}.pdf-buttons button{border:1px solid var(--line);background:#f4f7f5;padding:9px;border-radius:7px}.pdf-canvas-frame{perspective:900px;max-width:100%;overflow:auto;padding:13px;background:#f5f3ed;border-radius:8px}.pdf-canvas-frame canvas{max-width:100%;box-shadow:0 2px 14px #1113;transition:transform .2s}.pdf-canvas-frame.flipping canvas{transform:rotateY(-10deg)}
/* Modal and forms */
.modal-open{overflow:hidden}.modal-overlay{position:fixed;inset:0;background:#001b17ba;z-index:90;display:grid;place-items:center;padding:17px}.modal-card{width:min(540px,100%);max-height:calc(100vh - 40px);overflow:auto;background:white;border-radius:19px;padding:32px;box-shadow:0 32px 100px #0005;position:relative}.modal-card h2{margin:8px 0;font-size:28px}.modal-sub{margin-bottom:24px;font-size:13px}.modal-close{position:absolute;right:19px;top:15px;background:#eef2ef;border:0;border-radius:8px;font-size:22px;width:35px;height:35px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.modal-card label,.panel form>label,.login-card label,.form-grid label{display:block;font-size:12px;font-weight:750;color:#53665c;margin-bottom:12px}.modal-card input:not([type=checkbox]),.panel input:not([type=checkbox]):not([type=hidden]),.panel select,.panel textarea,.login-card input{display:block;width:100%;background:#fcfdfc;border:1px solid #dce6df;padding:11px 12px;border-radius:9px;color:#1d3328;font-size:13px;margin-top:6px;outline:0}.modal-card input:focus,.panel input:focus,.panel textarea:focus,.login-card input:focus{border-color:#82bba1;box-shadow:0 0 0 3px #7dab9016}.required{color:#d17f52}.consent{display:flex!important;align-items:flex-start;gap:9px;font-size:11px!important;line-height:1.7;font-weight:450!important;margin:13px 0 20px!important}.consent input{margin-top:4px;accent-color:var(--forest)}.form-message{font-size:12px;margin:10px 0}.form-message.ok{color:#176d46}.form-message.bad{color:#bc4747}.honey{position:absolute;left:-9000px;top:auto;width:1px;height:1px;overflow:hidden}.alert{border:1px solid #c8e6cc;border-radius:10px;padding:12px 14px;background:#f0faf1;color:#225d31;font-size:12px;margin:10px 0 20px}.alert.danger{background:#fff0f0;color:#a33a3a;border-color:#f0cccc}
/* Admin */
.admin-wrap{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr);background:#f5f7f7}.admin-sidebar{background:#08352e;padding:28px 14px;color:#c4dbcf;display:flex;flex-direction:column;min-height:100vh}.admin-logo{color:white;padding:0 11px;margin-bottom:48px}.admin-logo .brand-mark{background:#1d594b;color:var(--gold);flex-shrink:0}.admin-logo small{color:#9abbae}.admin-label{font-size:9px;letter-spacing:2px;color:#80ad9a;margin:0 15px 13px;font-weight:850}.admin-nav-item{padding:12px 14px;border-radius:9px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:650;margin:2px 0;color:#a8c8b9}.admin-nav-item span{font-size:20px;line-height:1;width:24px;text-align:center;color:#a3c8b7}.admin-nav-item:hover,.admin-nav-item.selected{color:white;background:#ffffff16}.admin-aside-bottom{margin-top:auto;border-top:1px solid #ffffff20;padding:20px 12px;font-size:12px;display:flex;flex-direction:column;gap:14px}.admin-aside-bottom a{color:#c5e1d1}.btn-logout{color:#d3ddd6;border:0;background:none;padding:0;font-size:12px}.admin-main{max-width:100%;min-width:0;padding:35px clamp(18px,3%,48px) 60px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-top h1{font-size:28px;letter-spacing:-1px;margin:5px 0}.account-badge{color:#348365;font-size:11px;background:#e6f3eb;border-radius:30px;padding:8px 13px;font-weight:800}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.admin-stat{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.admin-stat span,.admin-stat small{display:block;font-size:11px;color:#83918a}.admin-stat strong{display:block;font-size:30px;letter-spacing:-1px;margin:8px 0}.admin-stat small{color:#5a9b75}.admin-grid-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:20px;align-items:start}.panel{border:1px solid var(--line);background:white;border-radius:14px;padding:24px;margin-bottom:20px;min-width:0}.panel-narrow{max-width:800px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:18px}.panel-title h2{font-size:17px;letter-spacing:-.35px;margin:0}.panel-title p{margin:8px 0 0;font-size:12px}.panel-title a{font-size:12px;color:var(--forest);font-weight:800}.table-scroll{overflow-x:auto;width:100%}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap;text-align:left}th{font-weight:850;color:#829188;font-size:10px;padding:12px 11px;border-bottom:1px solid var(--line);background:#fafbfa}td{padding:14px 11px;border-bottom:1px solid #eff2f0;vertical-align:middle;color:#54665d}td b,td strong{color:#254537}.table-sub{display:block;color:#8d9c93;font-size:10px;margin-top:4px}.status{padding:5px 8px;border-radius:5px;font-size:10px;font-weight:800}.status.on{color:#22764a;background:#e7f6ed}.status.off{color:#977e67;background:#f5f0eb}.quick-links{display:flex;flex-direction:column;gap:6px}.quick-links a{display:flex;justify-content:space-between;padding:12px 14px;background:#f8faf8;border:1px solid #eef1ed;border-radius:9px;font-size:12px;font-weight:750}.quick-links a:hover{background:#edf5ef}.mail-summary{margin-top:22px;padding:18px;background:#f6f8f5;border-radius:11px;font-size:12px}.mail-summary p{font-size:11px;margin:8px 0 13px}.panel label{margin:13px 0}.panel .form-grid label{margin:0}.field-full{display:block;font-size:12px;font-weight:800;color:#53665b;margin:18px 0}.field-full textarea{resize:vertical}.panel button.btn{margin-top:10px}.field-config-head,.field-config-row{display:grid;grid-template-columns:1fr 120px 120px;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid var(--line)}.field-config-head{font-size:10px;color:#85968b;font-weight:800}.field-config-row strong{font-size:13px}.check-ui{display:flex!important;align-items:center;gap:8px;font-size:12px!important;font-weight:650!important;color:#4f665a!important}.check-ui input{accent-color:#0b6b50;width:16px;height:16px}.admin-help{margin:19px 0;padding:13px;background:#f6f8f5;font-size:11px;line-height:1.85;color:#74887b;border-radius:9px}.admin-help a{color:var(--forest);font-weight:750}.form-actions{display:flex;gap:10px;margin-top:14px}.admin-preview{width:130px;display:block;border-radius:9px;margin-bottom:10px}.sorting-heading{font-size:13px;margin:24px 0 10px}.sort-list{margin:0;padding:0;list-style:none;min-height:4px}.sortable-item{display:flex;align-items:center;gap:9px;padding:11px 10px;border:1px solid var(--line);border-radius:8px;margin-bottom:7px;background:#fafcfb;cursor:grab}.sortable-item.dragging{opacity:.4}.sortable-item .drag-handle{color:#9caaa1;font-size:21px}.sortable-item div{flex:1;min-width:0}.sortable-item b,.sortable-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sortable-item b{font-size:11px}.sortable-item small{font-size:10px;color:#8e9b91}.sortable-item a,.btn-link-danger{font-size:11px;font-weight:750;color:var(--forest);background:none;border:0}.btn-link-danger{color:#b55f51;cursor:pointer}.search-form{display:flex;gap:10px;margin-bottom:18px;align-items:center}.search-form input{max-width:410px!important;margin:0!important}.counter{font-size:12px;color:#8e9c91}.reciter-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid #edf0ed;padding:9px 0;flex-wrap:wrap}.reciter-row input[name=name]{flex:1;min-width:140px}.reciter-row input[name=folder]{flex:1;min-width:140px}.reciter-row input{margin:0!important;max-width:100%}.reciter-row .check-ui{margin:0}.login-screen{min-height:100vh;display:grid;grid-template-columns:55% 45%;background:#fff}.login-card{width:min(470px,85%);margin:auto;padding:35px 0}.login-brand{display:flex;gap:10px;align-items:center;margin-bottom:63px;color:#204d3c;font-size:20px}.login-card h1{font-size:35px;letter-spacing:-1.4px;margin:9px 0}.login-card>p{font-size:13px;line-height:1.8;margin-bottom:30px}.login-card label{margin:18px 0}.login-card .btn{margin-top:25px}.login-return{display:inline-block;margin-top:25px;font-size:12px;color:#809087}.login-side{background:radial-gradient(circle at 50% 38%,#1a6951,#07372e 65%);color:#f6e0ae;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px;overflow:hidden}.login-side h2{font-size:40px;letter-spacing:-1px;margin:5px 0 15px}.login-side p{max-width:320px;color:#a6c9b6;font-size:13px;line-height:1.9}.login-ornament{font-size:160px;line-height:1.2;color:#e1c88e;opacity:.78}
@media(max-width:1120px){.content-layout,.reader-wrap{grid-template-columns:minmax(0,1fr) 240px;gap:17px}.nav-links{gap:18px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{padding:17px}.admin-grid-2{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:880px){.container{padding:0 18px}.site-header{height:72px}.nav-links,.nav-action{display:none}.hamburger{display:block;margin-left:auto}.mobile-nav.open{display:flex;flex-direction:column;gap:0;background:#fff;border-top:1px solid var(--line);padding:12px 20px;box-shadow:0 13px 20px #0001}.mobile-nav a{padding:11px;border-bottom:1px solid var(--line);font-size:13px}.hero-inner{min-height:380px}.hero-copy{padding:58px 0;width:75%}.hero-art{position:absolute;right:-135px;opacity:.26}.hero h1{font-size:43px}.content-layout,.reader-wrap{grid-template-columns:1fr}.site-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sidebar-heading{grid-column:1/-1}.admin-wrap{grid-template-columns:190px minmax(0,1fr)}.admin-sidebar{padding:24px 8px}.admin-nav-item{font-size:11px}.admin-main{padding:22px}.login-screen{grid-template-columns:1fr}.login-side{display:none}}
@media(max-width:620px){body{font-size:14px}.container{padding:0 15px}.brand strong{font-size:16px}.brand small{font-size:9px}.brand-mark{width:38px;height:38px}.hero-inner{min-height:0}.hero-copy{width:100%;padding:53px 0 41px}.hero h1{font-size:38px;letter-spacing:-1.7px}.hero p{font-size:13px}.hero-actions{gap:8px}.hero-actions .btn{width:100%}.hero-trust{gap:12px;flex-wrap:wrap;margin-top:26px}.hero-art{right:-240px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0 35px}.stat-card{padding:16px}.stat-card strong{font-size:23px}.stat-icon{width:32px;height:32px;font-size:17px}.section-heading h2{font-size:23px}.feature-grid,.surah-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:18px}.feature-ico{margin-bottom:12px}.site-sidebar{grid-template-columns:1fr}.section-after{margin-top:33px}.foot-row{display:block}.foot-credit{text-align:left;margin-top:18px}.reader-top{padding:30px 0}.reader-top h1{font-size:27px}.reader-top p{font-size:12px}.reader-switch a{font-size:11px;padding:10px 3px}.reader-controls,.reader-toolbar{padding:12px}.reader-toolbar{flex-direction:column;align-items:stretch}.reader-tool-right{justify-content:space-between}.audio-selection{justify-content:space-between}.audio-selection select{flex:1}.reading-header h2{font-size:21px}.verse{padding:17px 15px}.arabic-verse{font-size:calc(24px * var(--font-scale,1));line-height:2.25}.verse-buttons{width:100%;margin-left:0;justify-content:flex-end}.verse-top{gap:8px}.surah-banner{padding:16px}.filter-form label{min-width:110px}.filter-form .btn{width:100%}.modal-card{padding:25px 18px}.modal-card .form-grid{grid-template-columns:1fr;gap:0}.pager{gap:6px}.pager .btn{padding:9px 10px;font-size:10px;gap:4px}.pager span{font-size:10px}.pdf-card{flex-wrap:wrap}.admin-wrap{display:block}.admin-sidebar{min-height:0;padding:13px 12px;display:block}.admin-logo{margin:0 0 10px}.admin-label{display:none}.admin-nav-item{display:inline-flex;padding:9px;font-size:10px;margin:2px}.admin-nav-item span{display:none}.admin-aside-bottom{display:none}.admin-main{padding:17px 12px 34px}.admin-top h1{font-size:23px}.account-badge{font-size:9px;white-space:nowrap}.admin-stats{gap:9px}.admin-stat{padding:13px}.admin-stat strong{font-size:22px}.panel{padding:14px}.panel-title h2{font-size:15px}.field-config-head,.field-config-row{grid-template-columns:1fr 84px 84px;gap:3px}.field-config-row .check-ui{font-size:10px!important}.panel .form-grid{grid-template-columns:1fr;gap:6px}.panel .form-grid label{margin-bottom:6px}.search-form input{min-width:0}.login-card{width:calc(100% - 42px);padding:25px 0}.login-brand{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}