/* ============================================================
   ALUMNI PORTAL v3.0.0 — PUBLIC EXPERIENCE
   Tampilan institusional modern: lebih lapang, editorial, dan ramah.
============================================================ */
:root{
  --pub3-navy:#082a4a;--pub3-blue:#1769aa;--pub3-gold:#d6a53a;--pub3-green:#17845a;
  --pub3-bg:#f5f8fb;--pub3-card:#fff;--pub3-border:#dfe7ee;--pub3-ink:#22374b;--pub3-muted:#6f8091;
  --pub3-shadow:0 14px 38px rgba(8,42,74,.075)
}
body{background:var(--pub3-bg)!important;color:var(--pub3-ink)!important;font-size:15.5px!important}

/* Header lebih ringan */
#header.public-header{background:rgba(255,255,255,.96)!important;box-shadow:0 7px 25px rgba(8,42,74,.055)!important;border-bottom:1px solid #e3eaf0!important;backdrop-filter:blur(10px)}
#header.public-header::after{height:3px!important;background:linear-gradient(90deg,var(--pub3-blue) 0 38%,var(--pub3-gold) 38% 68%,#b8323c 68% 84%,var(--pub3-green) 84%)!important}
#navbar.public-navbar>ul>li>a{font-size:.9rem!important;font-weight:700!important;color:#354a5e!important}
#navbar.public-navbar>ul>li>a:hover,#navbar.public-navbar>ul>li>a.active{color:var(--pub3-blue)!important}

/* Hero: formal tetapi tidak berat */
#home-hero{min-height:540px!important;padding:66px 0!important;background:linear-gradient(120deg,#061d33 0%,#0a3155 56%,#135c8c 100%)!important}
#home-hero::before{background:radial-gradient(circle,rgba(255,255,255,.08) 0 1px,transparent 1.6px)!important;background-size:22px 22px!important;width:620px!important;height:620px!important;border:0!important;opacity:.45!important;right:-120px!important;top:-170px!important}
.hero-title{font-size:clamp(34px,3.8vw,52px)!important;line-height:1.12!important;max-width:720px!important;letter-spacing:-1.1px!important}
.hero-description{font-size:1rem!important;line-height:1.8!important;color:rgba(255,255,255,.82)!important}
.hero-eyebrow{font-size:.72rem!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important}
#home-hero .custom-carousel{height:390px!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 26px 70px rgba(0,0,0,.24)!important}
#home-hero .custom-carousel .carousel-item img{height:390px!important}

/* Sections */
.home-section{padding:78px 0!important}
.section-title{margin-bottom:36px!important}
.section-title h2,.home-section h2{font-size:clamp(26px,2.5vw,36px)!important;letter-spacing:-.65px!important}
.section-title p{max-width:740px;margin-left:auto!important;margin-right:auto!important;color:var(--pub3-muted)!important}
.section-title::after{height:4px!important;width:70px!important;background:linear-gradient(90deg,var(--pub3-blue),var(--pub3-gold))!important}

/* Universal card */
.card,.member,.profile-card,.alumni-profile-card,.forum-card,.message-card,.login-main-card,.register-main-card{
  border:1px solid var(--pub3-border)!important;border-radius:18px!important;background:var(--pub3-card)!important;
  box-shadow:0 8px 28px rgba(8,42,74,.055)!important;transition:.2s ease!important
}
.card:hover,.member:hover{transform:translateY(-3px)!important;box-shadow:var(--pub3-shadow)!important}
.card-body{padding:20px!important}.card-title{font-size:1.02rem!important;color:var(--pub3-navy)!important;font-weight:800!important}
.card-text{font-size:.92rem!important;color:var(--pub3-muted)!important}

/* Counter / feature panels */
.home-counter-wrapper,.home-cta,.tracer-intro-frame,.berseri-brand-box{border-radius:22px!important;box-shadow:0 20px 55px rgba(8,42,74,.13)!important;overflow:hidden!important}
.home-counter-wrapper{background:linear-gradient(135deg,#082a4a,#0f527f)!important}
.home-cta{background:linear-gradient(135deg,#07233d,#0b426b)!important}

/* Buttons */
.btn{border-radius:10px!important;font-weight:750!important;transition:.18s ease!important}.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--pub3-blue)!important;border-color:var(--pub3-blue)!important}
.btn-outline-primary{border-color:#bdd0df!important;color:var(--pub3-blue)!important}

/* Forms and content pages */
.form-control,.form-select,select.form-control,textarea.form-control{border-radius:10px!important;border-color:#d5e0e9!important;font-size:.93rem!important}
.table{font-size:.88rem!important}.table thead th{background:#eff4f8!important;color:var(--pub3-navy)!important}
.breadcrumb{font-size:.84rem!important}

/* Footer */
#footer.public-footer{background:linear-gradient(135deg,#041a2d,#082a4a 58%,#0d416a)!important}
#footer.public-footer::before{height:4px!important}

@media(max-width:991.98px){#home-hero{min-height:auto!important;padding:48px 0!important}.home-section{padding:58px 0!important}.hero-title{font-size:clamp(31px,7.5vw,44px)!important}}
@media(max-width:575.98px){body{font-size:14.5px!important}.home-section{padding:48px 0!important}.hero-title{font-size:31px!important}.hero-description{font-size:.94rem!important}.card,.member{border-radius:14px!important}}