/* Kampung AI: tema hijau-toska, dimuat setelah hp-v2.css dan hp-v3.css */
:root{--violet:#10b981;--fuchsia:#22d3ee;--cyan:#2dd4bf;--primary-blue:#10b981;--primary-gradient:linear-gradient(135deg,#10b981 0%,#14b8a6 55%,#22d3ee 100%);--secondary-gradient:linear-gradient(135deg,#22d3ee 0%,#10b981 100%);--bg:#060d0c;--bg-2:#0b1513;--white:#0f1a18;--gray-50:#122220;--gray-100:#162a27;--glow:0 0 0 1px rgba(16,185,129,.35),0 10px 40px -10px rgba(16,185,129,.55)}
body{background:#060d0c}
body::after{background:radial-gradient(40% 50% at 25% 30%,rgba(16,185,129,.32),transparent 70%),radial-gradient(35% 45% at 75% 20%,rgba(34,211,238,.22),transparent 70%)}
::selection{background:rgba(16,185,129,.45);color:#fff}
.brand-logo{font-size:0;width:220px;height:38px;background:url("logo-kampungai.svg") left center/contain no-repeat}
.brand-logo::before{content:none}
@media (max-width:768px){.brand-logo{width:180px;height:31px}}
@media (max-width:380px){.brand-logo{width:150px;height:26px}}
.btn-nav,.btn-nav:hover{box-shadow:0 8px 24px -8px rgba(16,185,129,.7)}
.hero::before{background:conic-gradient(from 0deg,rgba(16,185,129,0),rgba(16,185,129,.35),rgba(34,211,238,.28),rgba(45,212,191,.35),rgba(16,185,129,0))}
.hero-content::before{content:"✦ Kampung Digital AI untuk Kreator Indonesia";color:#a7f3d0;background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.4);box-shadow:inset 0 0 20px rgba(16,185,129,.15)}
.hero h1{background:linear-gradient(180deg,#fff 20%,#a7f3d0 70%,#5eead4 100%);-webkit-background-clip:text;background-clip:text}
.btn-primary,.btn-primary:hover{box-shadow:0 10px 30px -10px rgba(16,185,129,.8)}
.app-card:hover{border-color:rgba(16,185,129,.45)}
.app-card.highlight{background:linear-gradient(160deg,rgba(16,185,129,.14),rgba(255,255,255,.03) 50%,rgba(34,211,238,.12));box-shadow:0 0 0 1px rgba(16,185,129,.35),0 20px 60px -20px rgba(16,185,129,.5)}
.app-card.highlight:hover{box-shadow:0 0 0 1px rgba(16,185,129,.55),0 24px 70px -20px rgba(16,185,129,.65)}
.app-icon{box-shadow:0 8px 20px -8px rgba(16,185,129,.7)}
.app-link:not(.locked):hover{box-shadow:0 10px 30px -10px rgba(16,185,129,.8)}
.about-section .container{background:linear-gradient(160deg,rgba(16,185,129,.1),rgba(255,255,255,.03) 60%,rgba(34,211,238,.08))}
.footer{background:linear-gradient(180deg,rgba(16,185,129,.06),transparent 40%),#060d0c}
.modal-content{box-shadow:0 30px 90px -20px rgba(16,185,129,.45),0 0 0 1px rgba(255,255,255,.08)}
.modal-content::before{background:linear-gradient(90deg,#10b981,#22d3ee)}
.modal-form input:focus{background:rgba(16,185,129,.08);box-shadow:0 0 0 3px rgba(16,185,129,.25)}
.modal-form button,.modal-form a.btn,.modal-close-btn-bottom{box-shadow:0 10px 30px -10px rgba(16,185,129,.8)}
#toggleAuthMode a,#toggleResetMode a,.forgot-password-link a{color:#6ee7b7}
.hero-showcase{background:linear-gradient(160deg,rgba(16,185,129,.16),rgba(255,255,255,.03) 55%,rgba(34,211,238,.12));border-color:rgba(255,255,255,.1)}
.hero-showcase .showcase-label{color:#6ee7b7}
.showcase-row:hover{border-color:rgba(52,211,153,.6)}
.cat-nav a:hover{border-color:rgba(52,211,153,.6);background:rgba(16,185,129,.16)}