:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--surface: #1e1e1e;--surface-hover: #252525;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--gold: #d4af37;--gold-light: #f4e8a1;--gold-dark: #b8943f;--indonesia-red: #dc2626;--indonesia-red-dark: #b91c1c;--indonesia-red-light: #ef4444;--primary: #d4af37;--primary-light: #f4e8a1;--primary-dark: #b8943f;--accent: var(--gold);--accent-light: var(--gold-light);--accent-dark: var(--gold-dark);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .12);--gradient-primary: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);--gradient-secondary: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-light) 100%);--gradient-accent: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);--gradient-indonesia: linear-gradient(135deg, var(--indonesia-red) 0%, #ffffff 50%, var(--indonesia-red) 100%);--gradient-surface: linear-gradient(135deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.01) 100%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .25);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .4s ease-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative}main{padding-top:80px}@media (max-width: 768px){main{padding-top:70px}}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(800px 600px at 30% 0%,rgba(212,175,55,.04),transparent 50%),radial-gradient(600px 400px at 80% 100%,rgba(220,38,38,.03),transparent 50%);pointer-events:none;z-index:-2}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.02) 1px,transparent 0);background-size:50px 50px;pointer-events:none;z-index:-1}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-3xl) 0;position:relative}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#0a0a0acc;border-bottom:1px solid var(--border);transition:all var(--transition-normal)}.nav{display:flex;align-items:center;justify-content:space-between;height:80px}.brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.25rem;transition:all var(--transition-fast)}.brand:hover{transform:translateY(-1px)}.brand-logo{width:32px;height:32px;background:var(--gradient-primary);border-radius:var(--radius-md);position:relative;box-shadow:var(--shadow-md)}.brand-logo:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--gradient-primary);border-radius:var(--radius-lg);filter:blur(8px);opacity:.5;animation:pulse 3s ease-in-out infinite}.brand-icon{width:48px;height:48px;object-fit:contain}.brand-text{height:24px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:var(--space-sm)}.nav-links a{color:var(--text-secondary);text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;font-weight:500}.nav-links a:hover{color:var(--text-primary);background:#ffffff0d}.nav-links a:after{content:"";position:absolute;bottom:-8px;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:all var(--transition-normal);transform:translate(-50%);border-radius:1px}.nav-links a:hover:after{width:80%}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);font-weight:600;text-decoration:none;transition:all var(--transition-normal);position:relative;overflow:hidden;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary{background:var(--gradient-primary)!important;border:1px solid var(--gold-dark)!important;color:#000!important;font-weight:700;position:relative;overflow:hidden;box-shadow:0 4px 12px #d4af3766;text-shadow:none!important}.nav-cta.btn-primary{background:var(--gradient-primary)!important;color:#000!important;text-shadow:none!important;transition:all .3s ease-out!important}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-primary:hover:after{left:100%}.btn-primary:hover{background:linear-gradient(135deg,var(--indonesia-red) 0%,var(--gold) 100%)!important;box-shadow:0 8px 24px #dc262666;transform:translateY(-2px);color:#fff!important;border-color:var(--indonesia-red)}.nav-cta.btn-primary:hover{background:linear-gradient(135deg,var(--indonesia-red) 0%,var(--gold) 100%)!important;color:#fff!important;text-shadow:none!important}.btn-secondary{background:var(--gradient-secondary);border:1px solid var(--gold-dark);color:#000;font-weight:700;position:relative;overflow:hidden;box-shadow:0 4px 12px #d4af374d}.btn-secondary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(220,38,38,.3),transparent);transition:left .6s ease}.btn-secondary:hover:after{left:100%}.btn-secondary:hover{background:linear-gradient(135deg,var(--indonesia-red) 0%,var(--gold) 100%);box-shadow:0 8px 24px #dc262666;transform:translateY(-2px);color:#fff;border-color:var(--indonesia-red)}.btn-indonesia{background:var(--gradient-indonesia);border:2px solid var(--indonesia-red);color:var(--indonesia-red-dark);font-weight:800;position:relative;overflow:hidden;box-shadow:0 4px 20px #f003,inset 0 1px #ffffff80}.btn-indonesia:hover{box-shadow:0 8px 40px #f006,0 2px 10px #ffd7004d;transform:translateY(-3px)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;min-height:100vh;position:relative}.hero-centered{display:flex;flex-direction:column;align-items:center;text-align:center;grid-template-columns:1fr;justify-content:center}.hero-content{z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,#ffd7001a,#ff00000d,#ffd7001a),#ffffff0d;border:1px solid var(--gold-dark);border-radius:var(--radius-xl);font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #ffd70033,inset 0 1px #fff3}.badge-dot{width:8px;height:8px;background:var(--gradient-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 6px #ffd70099}.hero-title{margin-bottom:var(--space-lg);font-weight:800;line-height:1.1}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.6}.hero-actions{display:flex;gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-wrap:wrap;justify-content:center}.hero-proof{display:flex;gap:var(--space-xl);flex-wrap:wrap;justify-content:center}.proof-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.875rem}.proof-icon{width:20px;height:20px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#000;font-weight:700}.hero-visual{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);width:100%;max-width:500px}.stat-item{text-align:center;padding:var(--space-xl);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.stat-number{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-xs)}.stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.section-title{text-align:center;margin-bottom:var(--space-3xl)}.eyebrow{display:inline-block;font-size:.875rem;color:var(--text-tertiary);background:#ffffff0d;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-xl);border:1px solid var(--border);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin:var(--space-3xl) 0}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-normal);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.stat:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.stat:hover:before{opacity:1}.stat .label{color:var(--text-tertiary);font-size:.875rem;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.stat .value{font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.grid{display:grid;gap:var(--space-lg)}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-surface);opacity:0;transition:opacity var(--transition-normal)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.card:hover:after{opacity:1}.card .emoji{font-size:2rem;margin-bottom:var(--space-md);display:block}.card .emoji i{color:var(--gold)}.card h3{margin-bottom:var(--space-sm);position:relative;z-index:1}.card p{color:var(--text-secondary);position:relative;z-index:1}[data-nav-toggle]{display:none;background:none;border:1px solid var(--border);color:var(--text-primary);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}[data-nav-toggle]:hover{background:var(--surface)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(-3px,-3px)}}@media (max-width: 1024px){.hero{grid-template-columns:1fr;text-align:center;gap:var(--space-2xl)}.hero-visual{height:400px}.container{padding:0 var(--space-md)}}@media (max-width: 768px){.nav-links{position:fixed;top:70px;left:var(--space-sm);right:var(--space-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-sm);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:1px;z-index:99;display:none;animation:slideDown .3s ease-out}.nav-links.open{display:flex}.nav-links a{padding:8px var(--space-sm);border-radius:var(--radius-sm);text-align:center;transition:all var(--transition-fast);font-size:.875rem}.nav-links a:hover{background:var(--surface-hover)}.nav-links .btn{margin-top:6px;justify-content:center;padding:8px var(--space-sm);font-size:.875rem}[data-nav-toggle]{display:flex;align-items:center;justify-content:center}[data-nav-toggle].active svg{transform:rotate(45deg)}.hero-actions{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center;max-width:300px}.stats,.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.hero-proof{justify-content:center}.hero-stats{grid-template-columns:1fr;gap:var(--space-md)}.hero-visual{padding:var(--space-lg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.container{padding:0 var(--space-sm)}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.nav-links{top:60px;left:var(--space-xs);right:var(--space-xs);padding:8px;gap:0px}.nav-links a{padding:8px var(--space-sm);font-size:.8125rem}.nav-links .btn{margin-top:4px;padding:8px var(--space-sm);font-size:.8125rem}}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl);position:relative;margin:var(--space-3xl) 0}.steps:before{content:"";position:absolute;top:60px;left:16.5%;right:16.5%;height:3px;background:linear-gradient(90deg,var(--indonesia-red) 0%,var(--gold) 25%,#ffffff 50%,var(--gold) 75%,var(--indonesia-red) 100%);z-index:0;border-radius:2px;box-shadow:0 2px 10px #ffd7004d}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;z-index:1;text-align:center}.step:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--border-hover)}.step:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-surface);border-radius:var(--radius-xl);opacity:0;transition:opacity .3s ease}.step:hover:after{opacity:1}.icon-circle{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--gradient-primary);display:inline-flex;align-items:center;justify-content:center;color:#000;font-size:1.5rem;font-weight:800;margin-bottom:var(--space-lg);box-shadow:var(--shadow-md);position:relative;z-index:2}.icon-circle:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:var(--gradient-primary);border-radius:var(--radius-xl);filter:blur(12px);opacity:.4;z-index:-1}.step h3{margin:0 0 var(--space-sm);font-size:1.375rem;font-weight:700;position:relative;z-index:2}.step p{margin:0;color:var(--text-secondary);line-height:1.6;position:relative;z-index:2}.usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin:var(--space-3xl) 0}.usecase{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-lg);transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;overflow:hidden}.usecase:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:#06b6d466}.usecase:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);opacity:0;transition:opacity .3s ease}.usecase:hover:before{opacity:1}.usecase .icon-circle{background:#ffffff0d;color:var(--accent);border:1px solid rgba(255,255,255,.1);font-size:1.25rem;width:56px;height:56px}.usecase .icon-circle i{color:#fff}.usecase .icon-circle:before{display:none}.usecase h3{margin:var(--space-md) 0 var(--space-sm);font-size:1.25rem;font-weight:600}.usecase p{margin:0;color:var(--text-secondary);line-height:1.5;font-size:.9375rem}.logos{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:center;justify-content:center;margin:var(--space-3xl) 0}.logo{min-width:140px;height:64px;border-radius:var(--radius-lg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:var(--surface);transition:all .3s cubic-bezier(.16,1,.3,1);font-weight:500;font-size:.875rem;position:relative;overflow:hidden}.logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-surface);opacity:0;transition:opacity .3s ease}.logo:hover{color:var(--text-primary);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.logo:hover:before{opacity:1}.resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin:var(--space-3xl) 0}.resource{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.resource:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--border-hover)}.resource:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-surface);opacity:0;transition:opacity .3s ease}.resource:hover:after{opacity:1}.resource .eyebrow{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-weight:600;position:relative;z-index:1}.resource h3{margin:0;font-size:1.375rem;font-weight:700;position:relative;z-index:1}.resource p{margin:0;color:var(--text-secondary);line-height:1.6;flex-grow:1;position:relative;z-index:1}.resource .card-link{margin-top:auto;color:var(--text-primary);text-decoration:none;align-self:flex-start;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-xl);background:#ffffff0f;border:1px solid var(--border);transition:all .3s ease;font-weight:500;position:relative;z-index:1}.resource .card-link:hover{background:#ffffff1a;border-color:var(--border-hover);transform:translate(4px)}.cta-banner{position:relative;overflow:hidden;border-radius:var(--radius-2xl);padding:var(--space-3xl) var(--space-2xl);border:1px solid var(--border);background:radial-gradient(600px 300px at 80% -20%,rgba(255,215,0,.15),transparent 50%),radial-gradient(500px 250px at -10% 120%,rgba(59,130,246,.15),transparent 50%),var(--surface);box-shadow:var(--shadow-xl);text-align:center;margin:var(--space-3xl) 0}.cta-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-surface);opacity:.5}.cta-banner *{position:relative;z-index:1}.cta-banner h2{margin:0 0 var(--space-md);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cta-banner p{margin:0 0 var(--space-2xl);color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:var(--space-lg);flex-wrap:wrap;justify-content:center;align-items:center}@media (max-width: 980px){.steps,.usecases,.resources{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.steps:before{display:none}.logos{gap:var(--space-md)}.logo{min-width:120px;height:56px}}@media (max-width: 640px){.steps,.usecases,.resources{grid-template-columns:1fr}.cta-banner{padding:var(--space-2xl) var(--space-lg)}.cta-actions{flex-direction:column;width:100%}.cta-actions .btn{width:100%;max-width:280px}}.site-footer{margin-top:var(--space-3xl);border-top:1px solid var(--border);position:relative}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(800px 400px at 30% 0%,rgba(255,215,0,.03),transparent 50%),radial-gradient(600px 300px at 70% 100%,rgba(59,130,246,.04),transparent 50%),var(--bg-secondary);z-index:-1}.footer-main{padding:var(--space-3xl) 0;position:relative}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:var(--space-2xl);align-items:start}.footer-brand{max-width:320px}.footer-brand .brand{margin-bottom:var(--space-lg);font-size:1.5rem}.footer-description{color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.6;font-size:.9375rem}.newsletter-signup{padding:var(--space-xl);background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.newsletter-signup h4{margin:0 0 var(--space-sm);font-size:1.125rem;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.newsletter-signup p{margin:0 0 var(--space-lg);color:var(--text-secondary);font-size:.875rem;line-height:1.5}.newsletter-form{width:100%}.input-group{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xs);transition:all var(--transition-normal)}.input-group:focus-within{border-color:var(--border-hover);box-shadow:0 0 0 3px #ffd7001a}.input-group input{flex:1;background:transparent;border:none;padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:.875rem;outline:none}.input-group input::placeholder{color:var(--text-tertiary)}.input-group .btn{padding:var(--space-sm);border-radius:var(--radius-md);min-width:auto;height:auto}.footer-section h4{margin:0 0 var(--space-lg);font-size:1rem;font-weight:600;color:var(--text-primary)}.footer-links{display:flex;flex-direction:column;gap:var(--space-md)}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;padding:var(--space-xs) 0;transition:all var(--transition-fast);position:relative}.footer-links a:hover{color:var(--text-primary);padding-left:var(--space-sm)}.footer-links a:before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:var(--gradient-primary);transition:width var(--transition-normal);transform:translateY(-50%)}.footer-links a:hover:before{width:12px}.social-links{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.social-link{width:44px;height:44px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-normal);text-decoration:none;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.social-link:hover{color:#000;border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.social-link:hover:before{opacity:1}.social-link svg{position:relative;z-index:1;transition:transform var(--transition-fast)}.social-link:hover svg{transform:scale(1.1)}.footer-contact .contact-label{margin:0 0 var(--space-sm);font-size:.875rem;color:var(--text-tertiary);font-weight:500}.contact-email{color:var(--text-primary);text-decoration:none;font-weight:500;padding:var(--space-sm) var(--space-md);background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md);display:inline-block;transition:all var(--transition-normal);font-size:.875rem}.contact-email:hover{background:#ffffff14;border-color:var(--border-hover);transform:translate(2px)}.footer-bottom{padding:var(--space-xl) 0;border-top:1px solid rgba(255,255,255,.05);background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.copyright{color:var(--text-tertiary);font-size:.875rem}.footer-bottom-links{display:flex;gap:var(--space-lg)}.footer-bottom-links a{color:var(--text-tertiary);text-decoration:none;font-size:.875rem;transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--text-secondary)}@media (max-width: 1024px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.footer-brand{grid-column:1 / -1;max-width:none}}@media (max-width: 768px){.footer-main{padding:var(--space-2xl) 0}.footer-grid{grid-template-columns:1fr;gap:var(--space-xl)}.newsletter-signup{padding:var(--space-lg)}.social-links{justify-content:center}.footer-bottom-content{flex-direction:column;text-align:center;gap:var(--space-md)}.footer-bottom-links{justify-content:center}}@media (max-width: 480px){.social-links{gap:var(--space-sm)}.social-link{width:40px;height:40px}.footer-bottom-links{flex-direction:column;gap:var(--space-sm)}}.indonesia-flag-accent{position:relative}.indonesia-flag-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--indonesia-red) 0% 50%,#ffffff 50% 100%);border-radius:0 0 2px 2px}.gold-rwa-pattern{position:relative;overflow:hidden}.gold-rwa-pattern:after{content:"🏅";position:absolute;top:var(--space-md);right:var(--space-md);font-size:1.5rem;opacity:.1;animation:float 8s ease-in-out infinite}.section-indonesia{position:relative;overflow:hidden}.section-indonesia:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--indonesia-red) 0% 33%,#ffffff 33% 66%,var(--indonesia-red) 66% 100%);z-index:1}.section-indonesia:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary);z-index:1}.rwa-gold-indicator{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--gradient-primary);color:#000;font-size:.75rem;font-weight:700;border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.1em;box-shadow:0 2px 8px #ffd70066}.rwa-gold-indicator:before{content:"🥇";font-size:.875rem}.spacer{height:var(--space-lg)}.center{text-align:center}.muted{color:var(--text-secondary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.floating-card,.orb-inner,.grid-pattern{animation:none!important}}@media (prefers-reduced-motion: no-preference){.card,.stat{opacity:0;transform:translateY(20px);// Reduced from 30px to 20px transition: all .5s cubic-bezier(.16,1,.3,1);// Reduced duration}.card.animate-in,.stat.animate-in{opacity:1;transform:translateY(0)}}.section-partners{background:linear-gradient(135deg,#7512ff0d,#d4af370d);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.partners-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-top:var(--space-xl)}@media (min-width: 768px){.partners-grid{grid-template-columns:1fr 1fr;gap:var(--space-xl)}}.partner-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.partner-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--gold));opacity:0;transition:opacity .3s ease}.partner-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d;border-color:#d4af374d}.partner-card:hover:before{opacity:1}.partner-logo{margin-bottom:var(--space-lg);height:80px;display:flex;align-items:center;justify-content:flex-start}.partner-logo img{max-height:80px;max-width:180px;width:auto;height:auto;object-fit:contain;filter:brightness(.9) contrast(1.1);transition:filter .3s ease}.partner-card:hover .partner-logo img{filter:brightness(1) contrast(1.2)}.partner-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--gold),#ffd700);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.partner-info p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.partner-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--accent);text-decoration:none;font-weight:500;font-size:.9rem;padding:var(--space-sm) var(--space-md);background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:var(--radius-md);transition:all .3s ease}.partner-link:hover{background:#06b6d433;border-color:#06b6d466;transform:translate(2px)}.partner-link svg{transition:transform .2s ease}.partner-link:hover svg{transform:translate(2px,-2px)}@media (max-width: 767px){.partner-logo{height:60px;justify-content:center}.partner-logo img{max-height:60px;max-width:140px}.partner-card{text-align:center;padding:var(--space-lg)}}