:root{--forest:#0b5d43;--forest-dark:#073d2e;--sage:#e8f3ed;--gold:#d9a441;--cream:#fbfaf5;--navy:#183b56}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:var(--cream)!important;color:#243b35;font-kerning:normal;text-rendering:optimizeLegibility}
.landing-navbar{background:rgba(255,255,255,.96)!important;box-shadow:0 4px 28px rgba(7,61,46,.09)!important;backdrop-filter:blur(12px);padding:.75rem 0}
.landing-brand{display:flex;align-items:center;gap:.7rem;color:var(--forest)!important;line-height:1.05;letter-spacing:.03em}
.landing-brand small{display:block;font-size:.62rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#71847d;margin-top:.25rem}
.brand-mark{width:48px;height:50px;display:block;position:relative;overflow:hidden;flex:0 0 auto}.brand-logo-crop img{position:absolute;width:70px;max-width:none;height:auto;left:50%;top:0;transform:translateX(-50%);filter:drop-shadow(0 4px 5px rgba(7,61,46,.14))}
.brand-symbol{position:relative;display:inline-block;width:23px;height:25px;overflow:hidden;vertical-align:middle;flex:0 0 auto}.brand-symbol img{position:absolute;width:35px;max-width:none;height:auto;left:50%;top:0;transform:translateX(-50%)}.brand-symbol-light{filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.footer-brand-symbol{width:22px;height:24px;margin-right:.18rem}.footer-brand-symbol img{width:34px}.section-logo{position:relative;overflow:hidden}.section-logo img{position:absolute;width:79px;max-width:none;height:auto;left:50%;top:2px;transform:translateX(-50%)}
.landing-navbar .nav-link{color:#49635a!important;font-size:.9rem;font-weight:600;padding:.65rem .8rem!important;border-radius:10px}
.landing-navbar .nav-link:hover,.landing-navbar .nav-link.active{color:var(--forest)!important;background:var(--sage)}
.landing-navbar .nav-main-actions>.dropdown>a.text-white{color:var(--forest)!important}.landing-navbar .nav-main-actions>.dropdown>a.text-white img{border-color:var(--forest)!important}
.btn-login{background:var(--forest);color:#fff;border:0;border-radius:12px;padding:.7rem 1.2rem;font-weight:700;box-shadow:0 7px 18px rgba(11,93,67,.22)}
.btn-login:hover,.btn-login:focus{background:var(--forest-dark);color:#fff;transform:translateY(-1px)}
.login-dropdown .dropdown-menu{width:330px;border-radius:18px;margin-top:.75rem!important}
.login-option{display:flex;align-items:center;gap:.8rem;border-radius:12px;padding:.7rem!important;white-space:normal}
.login-option:hover{background:#f1f7f4}.login-option span:last-child{display:flex;flex-direction:column}.login-option strong{font-size:.87rem;color:#173d31}.login-option small{font-size:.7rem;color:#788b84;margin-top:.12rem}
.option-icon{width:40px;height:40px;display:grid!important;place-items:center;border-radius:11px;color:#fff;flex:0 0 auto}.bg-green{background:#16835f}.bg-gold{background:#d39b32}.bg-blue{background:#3977b8}.bg-dark{background:#34445a!important}
.landing-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#edf7f1 0%,#fffdf5 55%,#f7eedb 100%);border:1px solid rgba(11,93,67,.09);border-radius:30px;padding:clamp(2.5rem,6vw,5rem);box-shadow:0 24px 60px rgba(7,61,46,.1)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px)}.hero-orb-one{width:250px;height:250px;background:rgba(217,164,65,.12);right:-80px;top:-90px}.hero-orb-two{width:180px;height:180px;background:rgba(22,131,95,.09);left:-70px;bottom:-90px}
.hero-eyebrow{display:inline-flex;align-items:center;color:var(--forest);background:#fff;border:1px solid rgba(11,93,67,.12);border-radius:99px;padding:.55rem .9rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.landing-hero h1{max-width:800px;font-size:clamp(2.65rem,4vw,4.35rem);line-height:1.12;letter-spacing:-.035em;color:var(--forest-dark);font-weight:800;margin:1.35rem 0 1.45rem}.hero-title-line{display:block;white-space:nowrap}.landing-hero h1 .hero-title-accent{color:var(--gold);margin-top:.12em}
.hero-lead{max-width:690px;font-size:1.08rem;line-height:1.85;color:#557068}
.btn-hero-primary,.btn-hero-secondary{border-radius:12px;padding:.85rem 1.25rem;font-weight:700}.btn-hero-primary{background:var(--forest);color:#fff}.btn-hero-primary:hover{background:var(--forest-dark);color:#fff;transform:translateY(-2px)}.btn-hero-secondary{background:#fff;color:var(--forest);border:1px solid rgba(11,93,67,.18)}.btn-hero-secondary:hover{background:var(--sage);color:var(--forest)}
.hero-facts{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.8rem;color:#587068;font-size:.82rem;font-weight:600}.hero-facts i{color:var(--gold);margin-right:.25rem}
.hero-card{position:relative;background:linear-gradient(155deg,var(--forest-dark),var(--forest));color:#fff;border-radius:26px;padding:2.3rem;min-height:420px;box-shadow:0 25px 50px rgba(7,61,46,.25);transform:rotate(1.5deg);overflow:hidden}.hero-card:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-80px;bottom:-65px;box-shadow:0 0 0 35px rgba(255,255,255,.04)}
.hero-card-icon{font-size:2.3rem;color:#f4c968;margin-bottom:2.2rem}.hero-card-label{text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;color:#bcd7ca}.hero-card h2{font-family:"Lora","Be Vietnam Pro",serif;font-size:2.35rem;line-height:1.22;letter-spacing:-.02em;color:#fff;margin:.8rem 0 1.2rem}.hero-card p{line-height:1.9;color:#dbeae3}.hero-card-footer{position:absolute;bottom:2rem;display:flex;gap:.45rem;align-items:center;font-weight:700;color:#f4c968;z-index:1}.signature{display:flex;align-items:center;gap:.45rem}
.talkshow-section{border-top:0!important}.talkshow-section>.text-center:first-child:before{content:"Chương trình cộng đồng";display:inline-block;color:var(--forest);background:var(--sage);border-radius:99px;padding:.4rem .8rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}
@media(max-width:991.98px){.landing-navbar .navbar-collapse{padding-top:1rem}.nav-main-actions,.login-dropdown,.btn-login{width:100%}.login-dropdown .dropdown-menu{width:100%}.landing-hero{border-radius:22px}.hero-card{transform:none;min-height:380px}}
@media(max-width:575.98px){.landing-hero{padding:2rem 1.25rem}.landing-hero h1{font-size:clamp(2.15rem,11vw,2.75rem);line-height:1.15}.hero-title-line{white-space:normal}.hero-card{padding:1.7rem}.hero-card h2{font-size:2.05rem}.login-dropdown .dropdown-menu{position:absolute!important}.hero-facts{gap:.7rem}}