:root {
    --primary: #0b3b78;
    --primary-dark: #082d5c;
    --accent: #d8f1f3;
    --bg: #f6f7fb;
    --text: #182230;
    --muted: #667085;
    --card: #ffffff;
    --border: #e7eaf0;
    --success: #0f9d58;
    --danger: #dc3545;
}
*{box-sizing:border-box}
body{font-family:Inter,sans-serif;background:radial-gradient(circle at top left,rgba(58,174,216,.08),transparent 28%),radial-gradient(circle at top right,rgba(108,191,63,.08),transparent 26%),var(--bg);color:var(--text);margin:0}
a{text-decoration:none}
.premium-body{position:relative;min-height:100vh}.premium-body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.35),transparent 20%),radial-gradient(circle at 80% 15%,rgba(58,174,216,.08),transparent 20%),radial-gradient(circle at 70% 70%,rgba(108,191,63,.07),transparent 18%);z-index:-1}.dark .premium-body{background:#081726;color:#f8fafc}.dark .premium-body::before{opacity:.45}
.top-ribbon{background:linear-gradient(90deg,#072b45,#0f4c81)}
.premium-nav{background:linear-gradient(135deg,rgba(9,35,58,.95),rgba(10,61,98,.88));backdrop-filter:blur(16px);box-shadow:0 10px 40px rgba(5,20,35,.16)}
.nav-spacer{height:96px}.top-ribbon + .premium-nav + .nav-spacer{height:144px}
.premium-donate-btn{background:linear-gradient(135deg,#76ca43,#58af2a)}
.premium-donate-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}
.shadow-premium{box-shadow:0 25px 80px rgba(10,61,98,.18)}
.hero{min-height:92vh;display:flex;align-items:center;position:relative;overflow:hidden;background:#eef2f8}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,247,251,.96) 0%,rgba(246,247,251,.78) 42%,rgba(246,247,251,.1) 100%);z-index:1}.dark .hero::before{background:linear-gradient(90deg,rgba(8,23,38,.95) 0%,rgba(8,23,38,.76) 42%,rgba(8,23,38,.15) 100%)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-content{position:relative;z-index:2}.hero-title{font-size:clamp(2.6rem,6vw,5.4rem);font-weight:800;line-height:.96;max-width:760px;letter-spacing:-.04em}.hero-text{max-width:640px;color:var(--muted);font-size:1.08rem}.dark .hero-text{color:#d2dae4}
.stat-card,.floating-card,.note-card,.testimonial-card,.cta-card,.content-card,.sidebar-box{background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 18px 60px rgba(16,24,40,.08)}.dark .stat-card,.dark .floating-card,.dark .note-card,.dark .testimonial-card,.dark .cta-card,.dark .content-card,.dark .sidebar-box{background:rgba(15,23,42,.75);border-color:rgba(148,163,184,.12)}
.stat-card{padding:28px;height:100%}.stat-number{font-size:3rem;font-weight:800;color:var(--primary);line-height:1}.dark .stat-number{color:#fff}.section-space{padding:88px 0}
.note-card img{height:280px;object-fit:cover;width:100%}.note-card-body{padding:24px}.note-meta{font-size:.86rem;color:var(--muted);display:flex;gap:15px;flex-wrap:wrap}
.kicker{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#11a4a3;font-weight:700}
.premium-panel{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.72));border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(18px)}.dark .premium-panel{background:rgba(15,23,42,.78);border-color:rgba(148,163,184,.14)}
.floating-card{padding:24px}.soft-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.75);padding:.55rem .9rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0A3D62}.dark .soft-badge{background:rgba(15,23,42,.75);color:#fff}
.gradient-border{position:relative}.gradient-border::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(58,174,216,.45),rgba(108,191,63,.45),rgba(232,178,59,.35));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.premium-footer{position:relative;background:linear-gradient(135deg,#072b45 0%,#0b3b78 55%,#0f4c81 100%)}.premium-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.06),transparent 20%),radial-gradient(circle at 85% 12%,rgba(108,191,63,.16),transparent 18%),radial-gradient(circle at 60% 70%,rgba(58,174,216,.10),transparent 25%)}
.social-badge{height:42px;width:42px;border-radius:999px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:.25s}.social-badge:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
.gallery-main{border-radius:28px;overflow:hidden;box-shadow:0 12px 36px rgba(16,24,40,.14)}.gallery-main .swiper-slide img{width:100%;height:520px;object-fit:cover}.thumb-slider .swiper-slide{opacity:.45;cursor:pointer;border-radius:16px;overflow:hidden;border:2px solid transparent}.thumb-slider .swiper-slide-thumb-active{opacity:1;border-color:var(--primary)}.thumb-slider img{height:90px;width:100%;object-fit:cover}
.project-hero-title{font-size:clamp(2rem,4vw,4rem);font-weight:800;color:var(--primary)}.project-content{font-size:1.05rem;line-height:1.85;color:#475467}.project-content h2,.project-content h3{color:var(--primary);margin-top:2rem}
.admin-body{padding-top:0}.admin-wrapper{display:flex;min-height:100vh}.admin-sidebar{width:280px;background:#fff;border-right:1px solid var(--border);padding:26px;display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100vh}.admin-main{flex:1;padding:28px}.admin-brand{font-size:1.4rem;font-weight:800;color:var(--primary)}.admin-muted{color:var(--muted)}.admin-sidebar .nav-link{color:#425466;border-radius:14px}
@media (max-width:1023px){.nav-spacer{height:92px}.top-ribbon + .premium-nav + .nav-spacer{height:92px}}