@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&family=Pixelify+Sans:wght@400;500;600;700&display=swap";:root{--color-bg:#f8f6f2;--color-bg-dark:#111110;--color-surface:#efece6;--color-surface-2:#e8e3da;--color-surface-dark:#1c1b19;--color-overlay:#11111099;--color-text:#1c1b19;--color-text-muted:#6b6560;--color-text-light:#a09890;--color-text-inv:#f8f6f2;--color-accent:#c9a96e;--color-accent-dark:#a8884d;--color-accent-light:#f0e4c8;--color-border:#1c1b191a;--color-border-md:#1c1b192e;--color-api:#b83232;--color-api-mid:#d94f4f;--color-api-light:#f9eaea;--color-api-glow:#b8323240;--color-air:#3b77bc;--color-air-mid:#5890cc;--color-air-light:#e9eff6;--color-air-glow:#3b77bc66;--color-angin:#c5963a;--color-angin-mid:#e0b55a;--color-angin-light:#faf3e0;--color-angin-glow:#c5963a40;--color-tanah:#3a5c3a;--color-tanah-mid:#5a8a5a;--color-tanah-light:#e8f0e8;--color-tanah-glow:#3a5c3a40;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-pixel:"Pixelify Sans", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.6;--tracking-tight:-.02em;--tracking-wide:.08em;--tracking-wider:.15em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 30px #0000001a, 0 4px 8px #0000000f;--shadow-xl:0 20px 60px #00000024, 0 8px 16px #00000014;--shadow-card:0 2px 20px #00000012, 0 1px 4px #0000000a;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--max-width:1200px;--navbar-height:68px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-color:var(--color-bg);font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:#0000;min-height:100vh}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-text-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent-light);color:var(--color-text)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.text-accent{color:var(--color-accent)}.text-inv{color:var(--color-text-inv)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.uppercase{text-transform:uppercase}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.element-api{--el-color:var(--color-api);--el-light:var(--color-api-light);--el-glow:var(--color-api-glow)}.element-air{--el-color:var(--color-air);--el-light:var(--color-air-light);--el-glow:var(--color-air-glow)}.element-angin{--el-color:var(--color-angin);--el-light:var(--color-angin-light);--el-glow:var(--color-angin-glow)}.element-tanah{--el-color:var(--color-tanah);--el-light:var(--color-tanah-light);--el-glow:var(--color-tanah-glow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-fade-up{animation:fadeUp var(--duration-slow) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out)}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-2) 50%, var(--color-surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.6s infinite shimmer}.divider{background:var(--color-border);width:100%;height:1px}.divider-vertical{background:var(--color-border);width:1px;height:100%}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (width<=768px){:root{--text-5xl:2.25rem;--text-4xl:1.75rem;--text-3xl:1.5rem}.container{padding:0 var(--space-4)}}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#faf6ee;border-left:2px solid #6f4e37}.custom-scrollbar::-webkit-scrollbar-thumb{background:#6f4e37;border:2px solid #faf6ee;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#8a6245}.hero-section{background:var(--color-bg);box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}@media (width<=768px){.hero-section{min-height:auto;padding-top:max(80px,12vh);padding-bottom:var(--space-12);align-items:flex-start}}.element-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);align-items:start;display:grid}@media (width<=992px){.element-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.element-grid{gap:var(--space-3)}}