:root{--icai-blue:#062b63;--icai-deep:#031b3f;--icai-gold:#d6aa2b;--icai-red:#b5161b;--light:#f6f8fc;--ink:#1e293b}body{font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);background:#f7f9fd}.topbar{background:var(--icai-deep);color:#fff;font-size:13px}.navbar{box-shadow:0 8px 26px rgba(6,43,99,.08)}.brand-logo{height:58px}.nav-link{font-weight:600;color:#19345c!important}.nav-link.active,.nav-link:hover{color:var(--icai-red)!important}.hero{background:linear-gradient(135deg,rgba(6,43,99,.96),rgba(4,26,62,.92)),url('../img/bg-pattern.svg');color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-120px;top:-80px;width:390px;height:390px;border:42px solid rgba(214,170,43,.18);border-radius:50%}.gold-badge{background:rgba(214,170,43,.15);border:1px solid rgba(214,170,43,.5);color:#ffe08a;border-radius:30px;padding:8px 14px;font-weight:700}.btn-gold{background:var(--icai-gold);border-color:var(--icai-gold);color:#111;font-weight:700}.btn-gold:hover{background:#c29617;border-color:#c29617}.btn-blue{background:var(--icai-blue);border-color:var(--icai-blue);color:#fff}.btn-blue:hover{background:#041f4d;color:#fff}.section-title{font-weight:800;color:var(--icai-blue)}.section-sub{color:#64748b}.feature-card,.pub-card,.stat-card,.admin-card{background:#fff;border:1px solid #e7ebf3;border-radius:18px;box-shadow:0 10px 26px rgba(21,35,70,.06);transition:.25s}.feature-card:hover,.pub-card:hover,.admin-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(21,35,70,.11)}.icon-circle{width:48px;height:48px;border-radius:14px;background:#eef4ff;color:var(--icai-blue);display:flex;align-items:center;justify-content:center;font-size:22px}.gold-strip{height:5px;background:linear-gradient(90deg,var(--icai-gold),#f5d267)}.chip{display:inline-block;border:1px solid #d9e2f2;border-radius:30px;padding:6px 12px;background:#fff;color:#36506e;font-size:13px;margin:3px}.reader-shell{background:#263044;border-radius:18px;padding:16px}.reader-page{background:#fff;min-height:560px;border-radius:10px;padding:42px;box-shadow:inset 0 0 0 1px #e5e7eb}.side-filter{position:sticky;top:95px}.footer{background:#031b3f;color:#cbd5e1}.footer a{color:#e8c55d;text-decoration:none}.login-card{max-width:520px;margin:auto}.form-control,.form-select{border-radius:12px;padding:11px 13px}.table thead th{background:#eef4ff;color:#062b63}.page-banner{background:linear-gradient(135deg,#062b63,#0b3f86);color:#fff}.mock-phone{border:10px solid #13213c;border-radius:34px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.22)}.hidden{display:none}.list-check li{margin-bottom:10px}.list-check li:before{content:'✓';color:var(--icai-gold);font-weight:900;margin-right:8px}.list-check{list-style:none;padding-left:0}.toast-demo{position:fixed;right:20px;bottom:20px;z-index:9999}.badge-soft{background:#eef4ff;color:#062b63}.watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:70px;font-weight:800;color:rgba(6,43,99,.05);pointer-events:none;transform:rotate(-25deg)}@media(max-width:767px){.reader-page{min-height:430px;padding:24px}.hero h1{font-size:32px}.brand-logo{height:45px}}