:root{--primary:#00b4d8;--primary-hover:#0096c7;--primary-dark:#03045e;--secondary:#00c875;--accent:#1e6bf3;--accent-cyan:#00e5ff;--gradient-brand:linear-gradient(90deg, #00c875 0%, #00b4d8 50%, #1e6bf3 100%);--dark-bg:#03141a;--dark-header:#020d12;--light-bg:#f0fdfc;--light-card:#fff;--dark-card:#fff;--text-main:#0f172a;--text-muted:#334155;--text-light:#64748b;--text-white:#fff;--dark-border:#00c87540;--border-primary:#00b4d840;--border-white:#ffffff4d;--font-main:"Plus Jakarta Sans", sans-serif;--font-heading:"Outfit", sans-serif;--shadow-sm:0 2px 5px #0000000f;--shadow-md:0 4px 15px #00b4d833;--shadow-lg:0 10px 25px #0000001f;--shadow-glow:0 4px 20px #00c87566, 0 0 25px #1e6bf359;--radius:8px;--radius-pill:9999px}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--light-bg);color:var(--text-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}.container{max-width:1240px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section-dark{background:var(--dark-bg);color:var(--text-white)}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-title{text-align:center;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.25rem}.hero-page-title{background:linear-gradient(90deg,#00c875 0%,#00b4d8 50%,#1e6bf3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.75rem;font-weight:800;display:inline-block}.section-dark .section-title{background:linear-gradient(90deg,#00e5ff 0%,#38bdf8 50%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-subtitle{text-align:center;color:var(--text-muted);max-width:680px;margin:0 auto 3rem;font-size:1.05rem}.section-dark .section-subtitle{color:var(--text-light)}.text-main{color:var(--text-main)}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-white{color:var(--text-white)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}.badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary);background:#00b4d81a;border:1px solid #00b4d833}.badge-secondary{color:var(--secondary);background:#00c8751a;border:1px solid #00c87533}.badge-accent{color:var(--accent);background:#1e6bf31a;border:1px solid #1e6bf333}.badge-dark{color:#38bdf8;background:#ffffff1a;border:1px solid #ffffff26}.btn,.btn-primary,.btn-outline,.btn-gradient,.btn-pill,.btn-pill-primary,.btn-pill-secondary,.btn-portal-submit,.btn-portal-download,.quick-nav-btn,.view-detail-btn,.btn-sidebar{border-radius:var(--radius-pill);font-family:var(--font-main);cursor:pointer;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex;background:var(--gradient-brand)!important;color:#fff!important;border:none!important}.btn:hover,.btn-primary:hover,.btn-outline:hover,.btn-gradient:hover,.btn-pill:hover,.btn-pill-primary:hover,.btn-pill-secondary:hover,.btn-portal-submit:hover,.btn-portal-download:hover,.quick-nav-btn:hover,.view-detail-btn:hover,.btn-sidebar:hover{transform:translateY(-2px);box-shadow:0 0 35px #1e6bf399,0 5px 20px #00c87559;color:#fff!important;background:var(--gradient-brand)!important}.theme-card-item:hover .view-detail-btn{transform:translateY(-2px);box-shadow:0 0 35px #1e6bf399;color:#fff!important;background:var(--gradient-brand)!important}.header{background:var(--dark-header)}.nav-link{color:var(--text-white);transition:color .25s,transform .25s}.nav-link:hover{color:var(--primary);transform:translateY(-1px)}.nav-link.active,.icon-primary{color:var(--primary)}.icon-secondary{color:var(--secondary)}.icon-accent{color:var(--accent)}.card{background:var(--light-card);border:1px solid var(--border-primary);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{box-shadow:var(--shadow-md);border-color:#00b4d873;transform:translateY(-4px)}.card-title{color:var(--text-main)}.card-text{color:var(--text-muted)}.section-dark .card{border-color:var(--dark-border);color:var(--text-white);background:#ffffff0a}input,textarea,select{font-family:var(--font-main);border-radius:var(--radius);border:1px solid #cbd5e1;outline:none;padding:.75rem 1rem;transition:border-color .25s,box-shadow .25s}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00b4d81f}.gradient-line{background:var(--gradient-brand);border-radius:9999px;width:100%;height:4px}.gradient-bg{background:var(--gradient-brand);color:#fff}.gradient-glow{box-shadow:var(--shadow-glow)}.divider{background:linear-gradient(90deg,#0000,#00b4d880,#0000);width:100%;height:1px}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-animated{background:var(--gradient-brand);background-size:200% 200%;animation:5s infinite gradientMove}@media (width<=768px){.section{padding:3.5rem 0}.section-title{font-size:1.75rem}.btn{padding:.75rem 1.4rem;font-size:.9rem}}@media (width<=480px){.container{padding:0 1rem}.section{padding:3rem 0}.section-title{font-size:1.5rem}.btn{width:100%}}