:root{--rt-primary:#0b8389;--rt-dark:#0b2733;--rt-accent:#f3b545;--rt-soft:#eefafa;--rt-muted:#64748b}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#fff}.main-navbar{backdrop-filter:blur(12px)}.navbar-brand img{object-fit:cover}.hero-section{background:linear-gradient(135deg,#087982,#0b2733);color:#fff;padding:92px 0}.hero-section h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.05;font-weight:800;letter-spacing:-.04em}.hero-section p{font-size:1.15rem;opacity:.9;max-width:620px}.page-hero,.article-hero{background:linear-gradient(135deg,#0b8389,#12263a);color:#fff;padding:70px 0}.article-hero h1,.page-hero h1{font-size:clamp(2rem,4vw,3.6rem);font-weight:800;letter-spacing:-.03em}.section-label{display:inline-block;color:var(--rt-primary);font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;margin-bottom:.5rem}.stat-card{background:#fff;border:1px solid #e5edf0;border-radius:24px;padding:24px;box-shadow:0 12px 35px rgba(9,64,80,.07);display:flex;flex-direction:column;gap:10px}.stat-card i{font-size:1.6rem;color:var(--rt-primary)}.stat-card strong{font-size:2rem;font-weight:800}.stat-card span{color:var(--rt-muted)}.feature-mini{display:flex;align-items:center;gap:14px;background:var(--rt-soft);padding:16px;border-radius:18px;font-weight:700}.feature-mini i{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#fff;color:var(--rt-primary)}.content-card{background:#fff;border:1px solid #e7eef1;border-radius:24px;overflow:hidden;box-shadow:0 12px 35px rgba(9,64,80,.06);transition:.2s}.content-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(9,64,80,.11)}.content-card img{width:100%;height:220px;object-fit:cover}.content-card a{text-decoration:none;color:#111827}.notice-card{height:100%;border:1px solid #e7eef1;border-radius:24px;padding:28px;background:#fff;display:flex;justify-content:space-between;gap:22px;box-shadow:0 12px 35px rgba(9,64,80,.06)}.notice-card i{font-size:2.2rem;color:var(--rt-primary)}.gallery-card{position:relative;border-radius:22px;overflow:hidden;background:#000;margin:0}.gallery-card img{width:100%;height:230px;object-fit:cover;transition:.25s}.gallery-card:hover img{transform:scale(1.05);opacity:.85}.gallery-card figcaption{position:absolute;left:12px;right:12px;bottom:12px;color:#fff;background:rgba(0,0,0,.5);border-radius:14px;padding:10px;font-weight:700}.article-content{font-size:1.08rem;line-height:1.85}.article-content h2,.article-content h3{font-weight:800;margin-top:1.6em}.article-content img{max-width:100%;height:auto;border-radius:18px}.info-box{border-radius:24px;border:1px solid #e7eef1;padding:24px;background:#fff}.footer-section{background:#0b2733;color:#b9cbd3}.footer-section a{display:block;color:#d9edf1;text-decoration:none;margin-bottom:8px}.footer-section p{margin-bottom:.5rem}.login-section{min-height:calc(100vh - 80px);display:flex;align-items:center;background:linear-gradient(135deg,#f3fbfc,#eaf4ff);padding:60px 0}.btn-primary{--bs-btn-bg:var(--rt-primary);--bs-btn-border-color:var(--rt-primary);--bs-btn-hover-bg:#096a70;--bs-btn-hover-border-color:#096a70}.admin-body .app-sidebar{background:#102632!important}.sidebar-brand .brand-image{width:38px;height:38px;object-fit:cover}.admin-stat .card-body{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-stat span{display:block;color:#64748b;font-size:.88rem}.admin-stat strong{display:block;font-size:1.8rem;font-weight:800}.admin-stat i{font-size:2rem}.thumb{width:58px;height:58px;object-fit:cover;border-radius:14px;border:1px solid #e2e8f0}.preview-img{width:100%;max-height:220px;object-fit:cover;border-radius:18px;border:1px solid #e2e8f0}.detail-img{max-width:420px;width:100%;border-radius:22px;object-fit:cover}.dt-container .dt-length select{margin-right:8px}@media(max-width:991px){.hero-section{padding:64px 0}.content-card img{height:190px}.app-sidebar{position:fixed!important}}@media(max-width:575px){.hero-section h1{font-size:2.25rem}.stat-card{padding:18px}.gallery-card img{height:160px}}