:root{--color-bg:#fff7ed;--color-surface:#fff;--color-surface-muted:#ffedd5;--color-primary:#4b2e2a;--color-primary-soft:#dbeafe;--color-accent:#d4a373;--color-accent-dark:#a76833;--color-text:#1f2937;--color-muted:#64748b;--color-border:#1f29371f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 8px 24px #11182714;--shadow-lg:0 20px 50px #1118272e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}img{max-width:100%}:focus-visible{outline-offset:3px;outline:3px solid #1d4ed8}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.route-loader{min-height:100vh;color:var(--color-primary);place-items:center;font-weight:900;display:grid}.page-section{padding:84px 20px}.section-container{width:min(1120px,100%);margin:0 auto}.section-title{color:var(--color-text);text-align:center;letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,3vw,2.45rem);font-weight:850;line-height:1.18}.section-kicker{background:var(--color-accent);border-radius:999px;width:64px;height:4px;margin:18px auto 30px}.home-wrapper{width:100%}.hero{background-image:linear-gradient(90deg,#0f172ac7,#0f172a57),url(/images/background.webp);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:calc(100svh - 72px);display:flex;position:relative}.hero-content{color:#fff;text-align:center;width:min(920px,100% - 32px)}.hero-content h1{margin:0 0 16px;font-size:clamp(2.35rem,6vw,5rem);font-weight:900;line-height:1.04}.hero-content p{color:#ffffffe0;max-width:720px;margin:0 auto 28px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-primary,.btn-secondary{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:12px 20px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,background-color .16s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#4b2e2a 0%,#36201d 100%);transition:all .3s;box-shadow:0 8px 24px #4b2e2a40}.btn-secondary{color:#fff;background:#ffffff1a;border:1px solid #ffffff80;animation:1.9s ease-in-out infinite tombolGlow}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 28px #4b2e2a59}.tentang{background:var(--color-bg);text-align:center}.desc-text{max-width:850px;color:var(--color-muted);margin:0 auto;font-size:1.08rem;line-height:1.85}.visi{background:var(--color-bg)}.visi-misi-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:24px;display:grid}.visi-box,.misi-box,.filosofi-text{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s}.visi-box:hover,.misi-box:hover,.filosofi-text:hover{border-color:var(--color-accent);transform:translateY(-6px);box-shadow:0 20px 40px #4b2e2a1f}.visi-box,.misi-box{padding:clamp(24px,4vw,38px)}.visi-box h2,.misi-box h2{margin:0;font-size:1.55rem}.line-dec.left{background:var(--color-accent);border-radius:999px;width:52px;height:4px;margin:14px 0 22px}.visi-box p,.misi-box li,.filosofi-text p,.warna-list li{color:var(--color-muted);line-height:1.75}.misi-box ul,.warna-list{margin:0;padding:0;list-style:none}.misi-box li{margin-bottom:12px;padding-left:24px;position:relative}.misi-box li:before{content:"";background:var(--color-primary);border-radius:999px;width:8px;height:8px;position:absolute;top:.72em;left:0}.filosofi{background:var(--color-bg)}.filosofi-content{grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(24px,5vw,56px);display:grid}.filosofi-logo{justify-content:center;display:flex}.filosofi-logo img{filter:drop-shadow(0 18px 24px #11182724);width:min(280px,70vw)}.filosofi-text{padding:clamp(24px,4vw,36px)}.filosofi-text h3{margin:18px 0 8px;font-size:1.1rem}.warna-list li+li{margin-top:8px}@media (width<=860px){.page-section{padding:58px 16px}.visi-misi-grid,.filosofi-content{grid-template-columns:1fr}.filosofi-text{text-align:left}}@keyframes tombolGlow{0%{transform:scale(1);box-shadow:0 0 #d4a373b3}30%{transform:scale(1.03);box-shadow:0 0 0 16px #d4a37300}to{transform:scale(1);box-shadow:0 0 #d4a37300}}.site-nav-links a{position:relative}.site-nav-links a:after{content:"";background-color:#fff;width:0;height:2px;transition:width .3s,left .3s;position:absolute;bottom:4px;left:50%}.site-nav-links a:hover:after,.site-nav-links a.active:after{width:60%;left:20%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff7ed}::-webkit-scrollbar-thumb{background:#d4a373;border:2px solid #fff7ed;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#a76833}