@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--bg-primary:#050505;--bg-secondary:#0a0a0a;--bg-card:#121212;--bg-elevated:#1a1a1a;--bg-badge:#1f1f1f;--accent-primary:#fff;--accent-secondary:#a3a3a3;--accent-subtle:#ffffff0d;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#737373;--text-accent:#fff;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--danger:#ef4444;--danger-bg:#ef44441a;--border:#ffffff14;--border-hover:#fff3;--space-xs:clamp(.25rem,.2rem + .1vw,.5rem);--space-sm:clamp(.5rem,.4rem + .2vw,.75rem);--space-md:clamp(1rem,.9rem + .4vw,1.25rem);--space-lg:clamp(1.5rem,1.3rem + .5vw,1.75rem);--space-xl:clamp(2rem,1.8rem + .8vw,2.5rem);--space-2xl:clamp(2.5rem,2.2rem + 1vw,3rem);--space-3xl:clamp(3rem,2.5rem + 1.5vw,4rem);--space-4xl:clamp(3.5rem,3rem + 2vw,4.5rem);--space-5xl:clamp(4rem,3.5rem + 2.5vw,5rem);--font-body:"Inter",sans-serif;--font-heading:"Inter",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:clamp(.7rem,.65rem + .1vw,.75rem);--text-sm:clamp(.8125rem,.75rem + .1vw,.875rem);--text-base:clamp(.9375rem,.9rem + .1vw,1rem);--text-lg:clamp(1.0625rem,1rem + .1vw,1.125rem);--text-xl:clamp(1.1875rem,1.1rem + .2vw,1.25rem);--text-2xl:clamp(1.375rem,1.2rem + .3vw,1.5rem);--text-3xl:clamp(1.75rem,1.5rem + .5vw,2rem);--text-4xl:clamp(2rem,1.7rem + .8vw,2.25rem);--text-5xl:clamp(2.25rem,2rem + 1vw,2.75rem);--text-6xl:clamp(2.75rem,2.5rem + 1.2vw,3.5rem);--text-7xl:clamp(3.25rem,3rem + 1.5vw,4.5rem);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 8px 16px #0006;--shadow-lg:0 16px 24px #00000080;--shadow-glow:0 0 40px #ffffff0d;--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.18,.89,.32,1.28);--duration-fast:.15s;--duration-base:.3s;--duration-slow:.5s;--max-width:1120px;--nav-height:64px}@keyframes langFadeIn{0%{opacity:0;filter:blur(4px);transform:translateY(4px)}to{opacity:1;filter:blur();transform:translateY(0)}}.lang-anim{animation:.6s cubic-bezier(.16,1,.3,1) forwards langFadeIn;display:inline-block}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);letter-spacing:-.01em;line-height:1.65;transition:background-color .3s,color .3s;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;line-height:1}.icon-sm{font-size:18px}.icon-md{font-size:22px}.icon-lg{font-size:28px}.container{max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.section{padding:var(--space-4xl)0}.section-label{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-lg);padding:var(--space-xs)var(--space-md);background:var(--accent-subtle);border:1px solid var(--border);border-radius:var(--radius-full);font-weight:500;display:inline-flex}.section-label .material-symbols-rounded{color:var(--accent-primary);font-size:14px}.section-title{font-family:var(--font-heading);font-size:var(--text-3xl);margin-bottom:var(--space-md);color:var(--text-primary);font-weight:800;line-height:1.2}.section-subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:560px;line-height:1.7}.glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);background:#12121266}.bento-grid{gap:var(--space-md);grid-template-columns:repeat(12,1fr);display:grid}.bento-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:transform var(--duration-base)var(--ease-out),border-color var(--duration-base)ease;overflow:hidden}.bento-item:hover{border-color:var(--border-hover);transform:translateY(-4px)}.navbar{z-index:100;height:var(--nav-height);transition:all var(--duration-base)ease;background:0 0;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);background:#0a0a0fbf}[data-theme=light] .navbar.scrolled{background:#fafafabf}.navbar .container{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.nav-logo{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--accent-primary);letter-spacing:-.02em;font-weight:800}.nav-links{align-items:center;gap:var(--space-xl);list-style:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-links a{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast);font-weight:500}.nav-links a:hover{color:var(--text-primary)}.nav-controls{align-items:center;gap:var(--space-sm);display:flex}.nav-controls-toggles{align-items:center;gap:var(--space-sm);opacity:0;pointer-events:none;transition:opacity .35s;display:flex}.nav-controls-toggles.visible{opacity:1;pointer-events:auto}.nav-cta{background:var(--accent-primary);border-radius:var(--radius-full);font-size:var(--text-sm);transition:opacity var(--duration-fast),transform var(--duration-fast);padding:8px 16px;font-weight:600;color:var(--bg-primary)!important}.nav-cta:hover{opacity:.9;transform:translateY(-1px)}.nav-mobile-toggle{color:var(--text-primary);cursor:pointer;padding:var(--space-xs);background:0 0;border:none;display:none}.nav-mobile-toggle span{background:var(--text-primary);width:20px;height:2px;transition:all var(--duration-base)ease;border-radius:2px;margin:4px 0;display:block}.nav-mobile-right{align-items:center;gap:var(--space-sm);display:none}.lang-toggle{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-body);transition:border-color var(--duration-fast);align-items:center;gap:0;padding:2px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.lang-toggle:hover{border-color:var(--border-hover)}.lang-toggle:before{content:"";background:var(--accent-primary);border-radius:var(--radius-full);width:calc(50% - 2px);transition:transform .4s var(--ease-spring);z-index:0;position:absolute;top:2px;bottom:2px;left:2px}.lang-toggle[data-active=id]:before{transform:translate(100%)}.lang-option{z-index:1;border-radius:var(--radius-full);color:var(--text-muted);padding:3px 8px;line-height:1;transition:color .3s;position:relative}.lang-option.active{color:#fff;background:0 0}.theme-toggle{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elevated);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)ease;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{border-color:var(--border-hover);color:var(--text-primary)}.theme-toggle .material-symbols-rounded{font-size:18px}.mobile-menu-overlay{top:var(--nav-height);background:var(--bg-primary);z-index:99;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .4s var(--ease-spring),transform .4s var(--ease-spring),visibility .4s;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(-20px)}.mobile-menu-overlay.open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.mobile-menu-overlay a{color:var(--text-primary);opacity:0;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);font-size:1.125rem;font-weight:500;transform:translateY(15px)}.mobile-menu-overlay.open a{opacity:1;transform:translateY(0)}.mobile-menu-overlay.open a:first-child{transition-delay:.1s}.mobile-menu-overlay.open a:nth-child(2){transition-delay:.15s}.mobile-menu-overlay.open a:nth-child(3){transition-delay:.2s}.mobile-menu-overlay.open a:nth-child(4){transition-delay:.25s}.nav-mobile-toggle.open span:first-child{transform:translateY(6px)rotate(45deg)}.nav-mobile-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-mobile-toggle.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.hero{min-height:100dvh;padding-top:var(--nav-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg:before{content:"";background:radial-gradient(circle,var(--accent-subtle)0%,transparent 70%);border-radius:50%;width:500px;height:500px;animation:20s ease-in-out infinite float-orb;position:absolute;top:-40%;left:-15%}.hero-grid{background-image:linear-gradient(var(--border)1px,transparent 1px),linear-gradient(90deg,var(--border)1px,transparent 1px);opacity:.5;background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 65%);mask-image:radial-gradient(#000 0%,#0000 65%)}.hero-content{z-index:1;max-width:720px;position:relative}.hero-badge{align-items:center;gap:var(--space-sm);background:var(--bg-badge);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2xl);padding:4px 12px;display:inline-flex}.hero-badge .dot{background:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse-dot}.hero-title{font-family:var(--font-heading);font-size:clamp(var(--text-4xl),5.5vw,var(--text-6xl));letter-spacing:-.03em;margin-bottom:var(--space-lg);color:var(--text-primary);font-weight:800;line-height:1.1}.hero-word{opacity:0;animation:stagger-up .6s var(--ease-out)forwards;display:inline-block;transform:translateY(24px)}.hero-word:first-child{animation-delay:.1s}.hero-word:nth-child(2){animation-delay:.25s}.hero-word:nth-child(3){animation-delay:.4s}.hero-word.accent{color:var(--accent-primary)}.hero-description{font-size:var(--text-base);color:var(--text-secondary);max-width:520px;margin-bottom:var(--space-xl);opacity:0;animation:fade-in-up .5s var(--ease-out).75s forwards;line-height:1.7}.hero-actions{gap:var(--space-md);opacity:0;animation:fade-in-up .5s var(--ease-out).8s forwards;display:flex}.hero-controls{align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);opacity:0;animation:fade-in-up .5s var(--ease-out).95s forwards;display:flex}.btn-primary{align-items:center;gap:var(--space-sm);background:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-base)ease;border:none;padding:8px 24px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary .arrow-icon{animation:1.5s ease-in-out infinite float-arrow;display:inline-block}.btn-secondary{align-items:center;gap:var(--space-sm);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-base)ease;background:0 0;padding:8px 24px;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--border-hover);background:var(--accent-subtle)}.projects-grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}.project-card{border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border);will-change:transform,box-shadow;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000a}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-4px)scale(1.015)}.project-card:active{box-shadow:var(--shadow-sm);transform:translateY(-1px)scale(.99)}@media (max-width:768px){.project-card{box-shadow:var(--shadow-md)}}.btn-visit{align-items:center;gap:var(--space-sm);background:var(--accent-primary);color:var(--bg-primary);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-base)ease;border:none;padding:8px 24px;font-weight:600;text-decoration:none;display:inline-flex}.btn-visit:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-visit.disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed;border:1px solid var(--border);pointer-events:none}.btn-visit.disabled:hover{box-shadow:none;transform:none}.project-card-inner{grid-template-columns:1fr 1fr;min-height:300px;display:grid}.project-card-visual{background:var(--bg-secondary);padding:var(--space-2xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-card-visual .project-icon{opacity:.8;font-size:3rem}.project-card-visual .material-symbols-rounded{color:var(--accent-secondary);opacity:.7;font-size:56px}.project-card-content{padding:var(--space-xl)var(--space-xl);flex-direction:column;justify-content:center;display:flex}.project-tag{align-items:center;gap:var(--space-xs);background:var(--accent-subtle);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;width:fit-content;margin-bottom:var(--space-md);padding:3px 10px;font-weight:600;display:inline-flex}.project-card-title{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--space-xs);font-weight:700;line-height:1.3}.project-card-role{font-size:var(--text-sm);color:var(--text-accent);margin-bottom:var(--space-md);font-weight:500}.project-card-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.project-card-stats{gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border);display:flex}.stat{text-align:left}.stat-value{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem}.project-card-arrow{top:var(--space-lg);right:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);transition:all var(--duration-base)ease;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.project-card-arrow .material-symbols-rounded{font-size:18px}.project-card:hover .project-card-arrow{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:rotate(-45deg)}.skills-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.skill-card{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--duration-base)ease}.skill-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.skill-card-icon{margin-bottom:var(--space-sm);color:var(--accent-primary)}.skill-card-icon .material-symbols-rounded{font-size:24px}.skill-card-title{font-family:var(--font-heading);font-size:var(--text-base);margin-bottom:var(--space-xs);font-weight:700}.skill-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.footer{padding:var(--space-2xl)0;border-top:1px solid var(--border);background:var(--bg-secondary);transition:background-color .3s}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-text{font-size:var(--text-sm);color:var(--text-muted)}.footer-links{gap:var(--space-xl);display:flex}.footer-links a{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast)}.footer-links a:hover{color:var(--accent-primary)}.case-hero{min-height:100dvh;padding-top:calc(var(--nav-height) + var(--space-4xl));padding-bottom:var(--space-4xl);align-items:center;display:flex;position:relative;overflow:hidden}.case-hero-bg{z-index:0;position:absolute;inset:0}.case-hero-bg:before{content:"";background:radial-gradient(circle,var(--accent-subtle)0%,transparent 70%);border-radius:50%;width:350px;height:350px;animation:18s ease-in-out infinite float-orb;position:absolute;top:-30%;left:10%}.case-back-link{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-xl);transition:color var(--duration-fast);display:inline-flex}.case-back-link .material-symbols-rounded{font-size:18px}.case-back-link:hover{color:var(--accent-primary)}.case-hero-layout{z-index:1;position:relative}.case-meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.case-category{background:var(--accent-subtle);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;padding:3px 10px;font-weight:600}.case-date{font-size:var(--text-sm);color:var(--text-muted)}.case-title{font-family:var(--font-heading);letter-spacing:-.03em;margin-bottom:var(--space-xl);color:var(--text-primary);text-transform:uppercase;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:800;line-height:1.1}.case-title .accent-text,.case-title .gradient-text{color:var(--accent-primary)}.case-section{padding:var(--space-3xl)0}.case-section+.case-section{border-top:1px solid var(--border)}.act-label{align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-md);border-radius:var(--radius-full);padding:4px 12px;font-weight:700;display:inline-flex}.act-label.act-1{color:var(--warning);background:var(--warning-bg);border:1px solid var(--border)}.act-label.act-2{color:var(--accent-primary);background:var(--accent-subtle);border:1px solid var(--border)}.act-label.act-3{color:var(--success);background:var(--success-bg);border:1px solid var(--border)}.case-heading{font-family:var(--font-heading);font-size:var(--text-2xl);margin-bottom:var(--space-lg);font-weight:700;line-height:1.3}.case-text{font-size:var(--text-base);color:var(--text-secondary);max-width:700px;margin-bottom:var(--space-lg);line-height:1.8}.case-quote{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-accent);padding:var(--space-lg)0 var(--space-lg)var(--space-lg);border-left:3px solid var(--accent-primary);margin:var(--space-xl)0;max-width:640px;font-style:italic;font-weight:600;line-height:1.5}.challenge-grid{gap:var(--space-md);margin-top:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.challenge-card{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--duration-base)ease}.challenge-card:hover{border-color:var(--border-hover)}.challenge-number{background:var(--accent-subtle);border:1px solid var(--border);width:28px;height:28px;font-family:var(--font-heading);font-size:var(--text-xs);color:var(--accent-primary);margin-bottom:var(--space-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.challenge-title{font-family:var(--font-heading);font-size:var(--text-base);margin-bottom:var(--space-xs);font-weight:700}.challenge-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65}.comparison-table{border-collapse:separate;border-spacing:0;width:100%;margin:var(--space-xl)0;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.comparison-table thead{background:var(--bg-secondary)}.comparison-table th{padding:var(--space-md)var(--space-lg);font-family:var(--font-heading);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border);font-weight:700}.comparison-table td{padding:var(--space-sm)var(--space-lg);font-size:var(--text-sm);border-bottom:1px solid var(--border)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tbody tr{transition:background var(--duration-fast)}.comparison-table tbody tr:hover{background:var(--accent-subtle)}.table-before{color:var(--danger)}.table-after{color:var(--success);font-weight:600}.tech-stack-table{border-collapse:separate;border-spacing:0;width:100%;margin:var(--space-lg)0;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.tech-stack-table th{padding:var(--space-sm)var(--space-lg);background:var(--bg-secondary);font-family:var(--font-heading);font-size:var(--text-xs);text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);font-weight:700}.tech-stack-table td{padding:var(--space-sm)var(--space-lg);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border)}.tech-stack-table tr:last-child td{border-bottom:none}.tech-stack-table td:first-child{color:var(--text-primary);white-space:nowrap;font-weight:600}.impact-table{border-collapse:separate;border-spacing:0;width:100%;margin:var(--space-xl)0;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.impact-table thead{background:var(--bg-elevated)}.impact-table th{padding:var(--space-md)var(--space-lg);font-family:var(--font-heading);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);text-align:left;border-bottom:2px solid var(--border);font-weight:800}.impact-table td{padding:var(--space-md)var(--space-lg);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border);vertical-align:middle}.impact-table tr:last-child td{border-bottom:none}.impact-table tbody tr{transition:background-color var(--duration-fast)ease,transform var(--duration-fast)ease}.impact-table tbody tr:hover{background-color:var(--bg-elevated);transform:translate(4px)}.impact-table td:first-child{font-weight:600}.status-badge{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.05em;align-items:center;padding:4px 12px;font-weight:600;display:inline-flex}.status-badge.positive{color:var(--success);background:var(--success-bg);border:1px solid #34d39933}.status-badge.negative{color:var(--danger);background:var(--danger-bg);border:1px solid #f8717133}.stats-grid,.impact-grid{gap:var(--space-md);margin:var(--space-xl)0;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.case-content-grid{gap:var(--space-xl);margin-top:var(--space-lg);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.case-content-grid{grid-template-columns:1fr 1fr;align-items:center}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.impact-card{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all var(--duration-base)ease}.impact-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.impact-value{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--accent-primary);margin-bottom:var(--space-xs);font-weight:800}.impact-label{font-size:var(--text-sm);color:var(--text-secondary)}.stats-row{gap:var(--space-md);margin:var(--space-xl)0;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.stat-card{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}.stat-card-value{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--accent-primary);margin-bottom:var(--space-xs);font-weight:800}.stat-card-label{font-size:var(--text-sm);color:var(--text-secondary)}.contact-hero{min-height:100vh;padding-top:var(--nav-height);align-items:center;display:flex;position:relative;overflow:hidden}.contact-content{z-index:1;max-width:580px;position:relative}.contact-title{font-family:var(--font-heading);font-size:clamp(var(--text-3xl),4.5vw,var(--text-5xl));letter-spacing:-.02em;margin-bottom:var(--space-md);color:var(--text-primary);font-weight:800;line-height:1.15}.contact-title .accent-text,.contact-title .gradient-text{color:var(--accent-primary)}.contact-desc{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.7}.contact-links{gap:var(--space-sm);flex-direction:column;display:flex}.contact-link{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--duration-base)ease;text-decoration:none;display:flex}.contact-link:hover{border-color:var(--border-hover);background:var(--accent-subtle);transform:translate(4px)}.contact-link-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.contact-link-icon .material-symbols-rounded{font-size:22px}.contact-link-icon.wa{color:var(--success);background:#34d3991a}.contact-link-icon.gh{background:var(--accent-subtle);color:var(--text-primary)}.contact-link-icon.email{background:var(--accent-subtle);color:var(--accent-primary)}.contact-link-info h3{font-family:var(--font-heading);font-size:var(--text-sm);margin-bottom:1px;font-weight:700}.contact-link-info p{font-size:var(--text-xs);color:var(--text-muted)}.contact-link-arrow{color:var(--text-muted);transition:transform var(--duration-base)ease,color var(--duration-base);margin-left:auto}.contact-link-arrow .material-symbols-rounded{font-size:18px}.contact-link:hover .contact-link-arrow{color:var(--accent-primary);transform:translate(3px)}.reveal{opacity:0;transition:all .6s var(--ease-out);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.count-up{display:inline-block}@keyframes stagger-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes float-orb{0%,to{transform:translate(0)}33%{transform:translate(20px,-20px)}66%{transform:translate(-15px,15px)}}@keyframes float-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (max-width:1024px){.project-card-inner{grid-template-columns:1fr}.project-card-visual{min-height:140px}}@media (max-width:768px){.container{padding:0 var(--space-lg)}.section{padding:var(--space-3xl)0}.hero{min-height:100svh;padding-top:var(--nav-height);padding-bottom:0}.hero-badge{margin-bottom:var(--space-lg);font-size:.6875rem}.hero-title{font-size:clamp(var(--text-3xl),8vw,var(--text-4xl));margin-bottom:var(--space-lg);line-height:1.15}.hero-description{font-size:var(--text-base);margin-bottom:var(--space-xl);line-height:1.6}.hero-actions{flex-direction:column}.hero-actions a,.hero-actions button{text-align:center;font-size:var(--text-sm);justify-content:center;padding:8px 18px}.nav-links,.nav-controls{display:none}.nav-mobile-right{display:flex}.nav-mobile-toggle{display:block}.section-label{margin-bottom:var(--space-sm);font-size:.625rem}.section-title{font-size:var(--text-xl);margin-bottom:var(--space-sm)}.section-subtitle{font-size:var(--text-sm)}.project-card-inner{min-height:auto}.project-card-visual{aspect-ratio:16/9;padding:var(--space-lg)}.project-card-visual .material-symbols-rounded{font-size:40px}.project-card-content{padding:var(--space-md)}.project-tag{margin-bottom:var(--space-sm)}.project-card-title{font-size:var(--text-base)}.project-card-desc{font-size:var(--text-xs);margin-bottom:var(--space-sm);line-height:1.5}.project-card-stats{gap:var(--space-sm);padding-top:var(--space-sm);flex-wrap:wrap}.stat-value{font-size:var(--text-sm)}.stat-label{font-size:.625rem}.project-card-arrow{width:28px;height:28px;top:var(--space-sm);right:var(--space-sm)}.project-card-arrow .material-symbols-rounded{font-size:14px}.skills-grid{gap:var(--space-sm);grid-template-columns:1fr}.skill-card{padding:var(--space-md)}.skill-card-title{font-size:var(--text-sm)}.skill-card-desc{font-size:var(--text-xs)}.footer-content{gap:var(--space-md);text-align:center;flex-direction:column}.case-hero{min-height:100svh;padding-top:var(--nav-height);padding-bottom:0}.case-title{font-size:var(--text-xl)}.case-subtitle{font-size:var(--text-sm)}.case-section{padding:var(--space-xl)0}.case-heading{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.case-text{font-size:var(--text-sm);margin-bottom:var(--space-sm);line-height:1.65}.case-quote{font-size:var(--text-base);padding:var(--space-sm)0 var(--space-sm)var(--space-md);margin:var(--space-md)0}.challenge-grid{gap:var(--space-sm);grid-template-columns:1fr}.challenge-card{padding:var(--space-md)}.stats-row,.stats-grid,.impact-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr}.stat-card{padding:var(--space-md)}.stat-card-value{font-size:var(--text-xl)}.stat-card-label{font-size:var(--text-xs)}.case-meta{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.comparison-table,.tech-stack-table{font-size:var(--text-xs)}.comparison-table th,.comparison-table td,.tech-stack-table th,.tech-stack-table td{padding:var(--space-xs)var(--space-sm)}.contact-hero{min-height:100svh;padding-top:var(--nav-height);padding-bottom:0}.contact-title{font-size:var(--text-xl)}.contact-desc{font-size:var(--text-sm);margin-bottom:var(--space-xl)}.contact-link{padding:var(--space-sm)var(--space-md);gap:var(--space-sm)}.contact-link-icon{width:36px;height:36px}.contact-link-icon .material-symbols-rounded{font-size:18px}}@media (max-width:480px){.stats-row,.stats-grid,.impact-grid{grid-template-columns:1fr 1fr}.hero-title{font-size:var(--text-2xl)}}.nav-links a:active,.btn-primary:active,.btn-secondary:active,.btn-visit:active,.nav-cta:active,.case-back-link:active,.contact-link:active,.nav-mobile-toggle:active,.lang-toggle:active,.theme-toggle:active,.project-card:active{transition:transform .1s var(--ease-out)!important;transform:scale(.97)!important}.about-layout{gap:var(--space-4xl);grid-template-columns:1fr;align-items:center;display:grid}.about-text-column{order:2}.about-photo-column{order:1;width:100%;max-width:240px;margin:0 auto}@media (min-width:992px){.about-layout{grid-template-columns:1fr minmax(260px,300px)}.about-text-column{order:1}.about-photo-column{order:2;max-width:none;margin:0}}.case-hero-layout{gap:var(--space-4xl);grid-template-columns:1fr;align-items:center;display:grid}@media (min-width:992px){.case-hero-layout{grid-template-columns:1fr 1fr}}.grayscale-skill{filter:grayscale();opacity:.7;transition:filter .3s,opacity .3s}.grayscale-skill:hover{filter:grayscale(0%);opacity:1}.modern-card-action{padding-top:var(--space-lg);font-weight:600;font-size:var(--text-sm);color:var(--accent-primary);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.modern-card .project-card-inner{flex-direction:column;display:flex}.modern-card-action .material-symbols-rounded{transition:transform .3s}.modern-card:hover .modern-card-action .material-symbols-rounded{transform:translate(4px)}@keyframes pulse-glow{0%{opacity:.1;transform:scale(.8)}to{opacity:.2;transform:scale(1.2)}}@keyframes float-up-down{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.skills-toggle-group{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);margin-top:var(--space-md);margin-bottom:var(--space-xl);padding:4px;display:inline-flex;position:relative;overflow:hidden}.toggle-btn{z-index:1;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;padding:8px 24px;font-weight:600;transition:color .3s;position:relative}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{color:#fff}.skills-toggle-group[data-active=techstack] .toggle-bg{transform:translate(100%)}.toggle-bg{background:var(--accent-primary);border-radius:var(--radius-full);width:calc(50% - 4px);transition:transform .4s var(--ease-spring);z-index:0;box-shadow:var(--shadow-sm);position:absolute;top:4px;bottom:4px;left:4px}.tech-category-title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin:var(--space-xl)0 var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.tech-category-title .material-symbols-rounded{color:var(--accent-primary);font-size:20px}.techstack-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.tech-card{padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all var(--duration-base)var(--ease-out);flex-direction:column;justify-content:center;align-items:center;display:flex}.tech-card:hover{border-color:var(--border-hover);background:var(--accent-subtle);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.tech-logo{width:40px;height:40px;margin-bottom:var(--space-sm);object-fit:contain}.tech-name{font-family:var(--font-heading);font-size:var(--text-xs);color:var(--text-secondary);font-weight:600}.tech-card:hover .tech-name{color:var(--text-primary)}.project-card-layout{grid-template-columns:1fr 1fr}@media (max-width:900px){.project-card-layout{flex-direction:column-reverse!important;grid-template-columns:1fr!important;display:flex!important}}.donation-page{min-height:100dvh;padding-top:calc(var(--nav-height) + var(--space-3xl));padding-bottom:var(--space-4xl);position:relative;overflow:hidden}.donation-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.donation-bg-orb{filter:blur(120px);opacity:.15;border-radius:50%;position:absolute}.donation-bg-orb-1{background:var(--accent-primary);width:500px;height:500px;animation:25s ease-in-out infinite float-orb;top:-10%;left:-10%}.donation-bg-orb-2{background:#818cf8;width:400px;height:400px;animation:30s ease-in-out infinite reverse float-orb;bottom:-15%;right:-10%}.donation-bg-grid{background-image:linear-gradient(var(--border)1px,transparent 1px),linear-gradient(90deg,var(--border)1px,transparent 1px);opacity:.35;background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 60%);mask-image:radial-gradient(#000 0%,#0000 60%)}.donation-container{z-index:1;max-width:640px;padding:0 var(--space-xl);margin:0 auto;position:relative}.donation-hero{text-align:center;margin-bottom:var(--space-2xl)}.donation-badge{align-items:center;gap:var(--space-xs);background:var(--accent-subtle);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--accent-primary);margin-bottom:var(--space-lg);padding:5px 14px;font-weight:600;display:inline-flex}.donation-title{font-family:var(--font-heading);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));letter-spacing:-.03em;margin-bottom:var(--space-md);color:var(--text-primary);font-weight:800;line-height:1.1}.donation-title .accent-text{color:var(--accent-primary)}.donation-subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:480px;margin:0 auto;line-height:1.7}.donation-progress{margin-bottom:var(--space-2xl);padding:0 var(--space-sm);justify-content:space-between;align-items:center;display:flex;position:relative}.progress-step{z-index:1;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.progress-dot{width:32px;height:32px;font-family:var(--font-heading);font-size:var(--text-xs);background:var(--bg-elevated);border:2px solid var(--border);color:var(--text-muted);transition:all .4s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.progress-step.active .progress-dot{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary);transform:scale(1.1);box-shadow:0 0 20px #6366f14d}.progress-step.completed .progress-dot{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.progress-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem;font-weight:600;transition:color .3s}.progress-step.active .progress-label{color:var(--accent-primary)}.progress-step.completed .progress-label{color:var(--text-secondary)}.progress-line{background:var(--border);z-index:0;height:2px;position:absolute;top:16px;left:40px;right:40px}.progress-line-fill{background:var(--accent-primary);height:100%;transition:width .5s var(--ease-spring);border-radius:2px}.donation-steps-wrapper{min-height:400px;position:relative}.donation-step{width:100%}.step-header{margin-bottom:var(--space-xl)}.step-number{font-family:var(--font-heading);font-size:var(--text-xs);color:var(--accent-primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-xs);font-weight:800;display:block}.step-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:800;line-height:1.2}.step-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.donation-form{gap:var(--space-lg);flex-direction:column;display:flex}.donation-input-group{gap:var(--space-xs);flex-direction:column;display:flex}.donation-label{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary);font-weight:600;display:flex}.donation-label .material-symbols-rounded{color:var(--accent-primary)}.donation-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);outline:none;padding:14px 18px;transition:all .2s}.donation-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.donation-input::placeholder{color:var(--text-muted)}.donation-textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);resize:vertical;outline:none;min-height:80px;padding:14px 18px;transition:all .2s}.donation-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.donation-textarea::placeholder{color:var(--text-muted)}.service-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.service-card{align-items:center;gap:var(--space-xs);padding:var(--space-lg)var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s var(--ease-out);text-align:center;font-family:var(--font-body);flex-direction:column;display:flex;position:relative}.service-card:hover{border-color:var(--border-hover);background:var(--bg-elevated);transform:translateY(-2px)}.service-card.selected{border-color:var(--accent-primary);background:var(--accent-subtle);box-shadow:0 0 0 1px var(--accent-primary)}.service-card-check{color:var(--text-muted);transition:color .2s;position:absolute;top:8px;right:8px}.service-card.selected .service-card-check{color:var(--accent-primary)}.service-card-icon{color:var(--accent-secondary);margin-bottom:2px}.service-card.selected .service-card-icon{color:var(--accent-primary)}.service-card-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.service-card-desc{color:var(--text-muted);font-size:.6875rem;line-height:1.4}.amount-presets{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.amount-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-heading);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all .25s var(--ease-out);padding:14px 10px;font-weight:700}.amount-btn:hover{border-color:var(--border-hover);background:var(--bg-elevated);transform:translateY(-2px)}.amount-btn.active{border-color:var(--accent-primary);background:var(--accent-subtle);color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.amount-custom-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;transition:all .2s;display:flex;overflow:hidden}.amount-custom-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-subtle)}.amount-currency{font-family:var(--font-heading);font-size:var(--text-base);color:var(--text-muted);flex-shrink:0;padding:14px 0 14px 18px;font-weight:700}.amount-custom-input{font-family:var(--font-heading);font-size:var(--text-base);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:14px 18px 14px 8px;font-weight:600}.amount-custom-input::placeholder{color:var(--text-muted);font-weight:400}.amount-warning{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--warning);display:flex}.amount-display{margin-top:var(--space-md);padding:var(--space-md);background:var(--accent-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;font-size:var(--text-base);color:var(--text-secondary)}.amount-display strong{color:var(--accent-primary);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:800}.step-actions{margin-top:var(--space-2xl);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.donation-back-btn{align-items:center;gap:var(--space-xs);border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;background:0 0;padding:10px 20px;font-weight:500;transition:all .2s;display:inline-flex}.donation-back-btn:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-elevated)}.donation-next-btn{align-items:center;gap:var(--space-xs);background:var(--accent-primary);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);color:var(--bg-primary);cursor:pointer;border:none;padding:10px 24px;font-weight:600;transition:all .2s;display:inline-flex}.donation-next-btn:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-md),0 0 20px #6366f133;transform:translateY(-2px)}.donation-next-btn:disabled{opacity:.4;cursor:not-allowed}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);overflow:hidden}.summary-header{align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);background:var(--bg-elevated);border-bottom:1px solid var(--border);font-family:var(--font-heading);font-size:var(--text-sm);color:var(--text-primary);font-weight:700;display:flex}.summary-header .material-symbols-rounded{color:var(--accent-primary)}.summary-body{padding:var(--space-md)var(--space-lg)}.summary-row{padding:var(--space-xs)0;justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.summary-label{font-size:var(--text-sm);color:var(--text-muted);flex-shrink:0}.summary-value{font-size:var(--text-sm);color:var(--text-primary);text-align:right;font-weight:500}.summary-notes{font-size:var(--text-xs);color:var(--text-secondary);max-width:300px;line-height:1.5}.summary-divider{background:var(--border);height:1px;margin:var(--space-sm)0}.summary-total .summary-label{color:var(--text-primary);font-weight:700}.summary-total .summary-value{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--accent-primary);font-weight:800}.donation-tabs{gap:var(--space-sm);margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.donation-tab{justify-content:center;align-items:center;gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;padding:14px;font-weight:600;transition:all .25s;display:flex}.donation-tab:hover{border-color:var(--border-hover);color:var(--text-primary)}.donation-tab.active{border-color:var(--accent-primary);background:var(--accent-subtle);color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.qris-panel{margin-bottom:var(--space-lg)}.qris-card{border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;background:#1e293b;border:1px solid #ffffff0f}.qris-card-header{margin-bottom:var(--space-lg)}.qris-card-title{font-family:Space Grotesk,Outfit,sans-serif;font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase;color:#ffffffb3;font-weight:700}.qris-qr-wrapper{margin-bottom:var(--space-lg);background:#fff;border-radius:16px;padding:16px;display:inline-flex;box-shadow:0 8px 32px #0003}.qris-info{margin-bottom:var(--space-md)}.qris-amount-badge{border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--text-lg);color:#818cf8;margin-bottom:var(--space-sm);background:#6366f126;border:1px solid #6366f14d;padding:6px 20px;font-weight:800;display:inline-block}.qris-merchant{font-size:var(--text-sm);color:#fff9;font-weight:600}.qris-address{font-size:var(--text-xs);color:#ffffff59;margin-top:4px}.qris-note{align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5;display:flex}.qris-note .material-symbols-rounded{color:var(--accent-primary);flex-shrink:0;margin-top:1px}.bank-accordion{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.bank-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .25s;overflow:hidden}.bank-card:hover{border-color:var(--border-hover)}.bank-card.expanded{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary),var(--shadow-md)}.bank-header{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);cursor:pointer;width:100%;font-family:var(--font-body);text-align:left;background:0 0;border:none;transition:background .2s;display:flex}.bank-header:hover{background:var(--bg-elevated)}.bank-logo{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bank-meta{flex-direction:column;flex:1;min-width:0;display:flex}.bank-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.bank-channel{font-size:var(--text-xs);color:var(--text-muted)}.bank-chevron{color:var(--text-muted);transition:transform .3s var(--ease-spring)}.bank-card.expanded .bank-chevron{color:var(--accent-primary);transform:rotate(180deg)}.bank-body{overflow:hidden}.bank-body-inner{padding:0 var(--space-lg)var(--space-lg)}.bank-va-section{padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.bank-va-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs);font-weight:600;display:block}.bank-va-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.bank-va-number{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--accent-primary);letter-spacing:.05em;font-weight:700}.bank-steps{margin-bottom:var(--space-md)}.bank-steps-title{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:700;display:block}.bank-steps-list{padding-left:var(--space-lg);flex-direction:column;gap:6px;margin:0;display:flex}.bank-steps-list li{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.55}.bank-steps-list li::marker{color:var(--accent-primary);font-weight:700}.bank-info-bar{gap:var(--space-lg);padding:var(--space-sm)var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);display:flex}.bank-info-item{flex-direction:column;display:flex}.bank-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.625rem}.bank-info-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.copy-btn{border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:all .2s;display:inline-flex}.copy-btn:hover{color:#fff;background:#ffffff26}.copy-btn-sm{background:var(--accent-subtle);border-color:var(--border);color:var(--accent-primary);padding:6px 12px}.copy-btn-sm:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.wa-confirm-btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);color:#fff;cursor:pointer;background:#25d366;border:none;padding:12px 28px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #25d36640}.wa-confirm-btn:hover{background:#20c05c;transform:translateY(-2px);box-shadow:0 6px 24px #25d36659}.wa-confirm-btn svg{flex-shrink:0}.step-actions-payment{padding-top:var(--space-lg);border-top:1px solid var(--border)}.donation-toast{bottom:var(--space-xl);align-items:center;gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--text-primary);z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 24px;font-weight:600;display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (max-width:768px){.donation-page{padding-top:calc(var(--nav-height) + var(--space-xl));padding-bottom:var(--space-2xl)}.donation-container{padding:0 var(--space-lg)}.donation-title{font-size:var(--text-2xl)}.donation-subtitle{font-size:var(--text-sm)}.donation-progress{padding:0}.progress-dot{width:28px;height:28px;font-size:.625rem}.progress-label{font-size:.6rem}.progress-line{left:30px;right:30px}.step-title{font-size:var(--text-xl)}.service-grid{grid-template-columns:repeat(2,1fr);gap:8px}.service-card{padding:var(--space-md)var(--space-sm)}.service-card-icon{font-size:20px!important}.service-card-label{font-size:var(--text-xs)}.service-card-desc{font-size:.6rem}.amount-presets{grid-template-columns:repeat(2,1fr)}.summary-row{flex-direction:column;gap:2px}.summary-value{text-align:left}.qris-qr-wrapper{padding:12px}.qris-qr-wrapper svg{width:180px!important;height:180px!important}.bank-header{padding:var(--space-sm)var(--space-md);gap:var(--space-sm)}.bank-logo{width:36px;height:36px}.bank-body-inner{padding:0 var(--space-md)var(--space-md)}.bank-va-number{font-size:var(--text-sm)}.step-actions{gap:var(--space-sm);flex-direction:column-reverse}.step-actions>*{justify-content:center;width:100%}.wa-confirm-btn{justify-content:center;width:100%;padding:14px 28px}.donation-back-btn{justify-content:center;width:100%}}@media (max-width:380px){.service-grid{grid-template-columns:1fr}.amount-presets{grid-template-columns:repeat(2,1fr)}.bank-va-number{font-size:var(--text-xs);word-break:break-all}}.qris-card-v2{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);position:relative;overflow:hidden}.qris-gradient-bar{background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa,#6366f1) 0 0/200%;height:4px;animation:3s linear infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}to{background-position:200%}}.qris-card-v2-body{padding:var(--space-xl);align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.qris-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.qris-badge-label{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.08em;padding:4px 12px;font-weight:700}.qris-badge-amount{font-family:var(--font-heading);color:var(--accent-primary);background:var(--accent-subtle);border-color:#ffffff1f;font-weight:800}.qris-qr-container{justify-content:center;align-items:center;display:flex}.qris-qr-frame{background:#fff;border-radius:16px;padding:20px;position:relative;box-shadow:0 0 0 1px #ffffff0f,0 8px 40px #00000040,0 0 80px #6366f114}.qris-qr-frame:before{content:"";z-index:-1;background:linear-gradient(135deg,#6366f14d,#0000,#8b5cf64d);border-radius:18px;position:absolute;inset:-2px}.qris-merchant-info{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-lg);width:100%;display:flex}.qris-merchant-name{font-size:var(--text-sm);color:var(--text-primary);margin:0;font-weight:600}.qris-merchant-addr{font-size:var(--text-xs);color:var(--text-muted);margin:0}.qris-download-btn{align-items:center;gap:var(--space-xs);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;justify-content:center;width:100%;padding:10px 24px;font-weight:600;transition:all .2s;display:inline-flex}.qris-download-btn:hover{background:var(--accent-subtle);border-color:var(--border-hover);transform:translateY(-1px)}.proof-upload-section{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.proof-dropzone{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xl);background:var(--bg-card);border:2px dashed var(--border);border-radius:var(--radius-xl);cursor:pointer;width:100%;font-family:var(--font-body);flex-direction:column;transition:all .25s;display:flex}.proof-dropzone:hover{border-color:var(--border-hover);background:var(--bg-elevated)}.proof-dropzone-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.proof-dropzone-hint{font-size:var(--text-xs);color:var(--text-muted)}.proof-preview-card{border-radius:var(--radius-lg);border:1px solid var(--border);position:relative;overflow:hidden}.proof-preview-img{object-fit:cover;width:100%;max-height:240px;display:block}.proof-remove-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.proof-remove-btn:hover{background:#ef4444cc;transform:scale(1.1)}.donation-submit-btn{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;padding:12px 28px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #6366f140}.donation-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #6366f159}.donation-submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-state{text-align:center;padding:var(--space-4xl)var(--space-xl)}.success-icon-wrapper{margin-bottom:var(--space-xl)}.success-check-icon{color:#10b981;font-size:72px}.success-title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-md);font-weight:800}.success-desc{font-size:var(--text-base);color:var(--text-secondary);max-width:480px;margin:0 auto var(--space-xl);line-height:1.7}.success-divider{background:linear-gradient(90deg,transparent,var(--border-hover),transparent);width:60px;height:2px;margin:var(--space-2xl)auto;border-radius:2px}.success-consult-section{text-align:center;max-width:580px;margin:0 auto}.success-consult-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:800}.success-consult-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.7}.success-services-grid{margin-bottom:var(--space-xl);grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.success-service-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;transition:all .2s;display:flex}.success-service-item:hover{border-color:var(--border-hover);background:var(--bg-card);transform:translateY(-1px)}.success-service-item .material-symbols-rounded{color:var(--accent-primary);flex-shrink:0}.success-service-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:600;display:block}.success-service-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;display:block}.success-consult-actions{gap:var(--space-sm);flex-direction:column;align-items:center;display:flex}.wa-consult-btn{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);color:#fff;background:#25d366;width:100%;max-width:320px;padding:14px 32px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #25d36640}.wa-consult-btn:hover{background:#22c55e;transform:translateY(-2px);box-shadow:0 6px 24px #25d36659}.email-consult-btn{justify-content:center;align-items:center;gap:var(--space-xs);border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);background:0 0;width:100%;max-width:320px;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.email-consult-btn:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-elevated);transform:translateY(-1px)}@media (max-width:480px){.success-services-grid{grid-template-columns:1fr}}.admin-page{background:var(--bg-primary);min-height:100dvh;color:var(--text-primary);font-family:var(--font-body)}.admin-login-wrapper{min-height:100dvh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.admin-login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-2xl)}.admin-login-header{text-align:center;margin-bottom:var(--space-xl)}.admin-login-title{font-family:var(--font-heading);font-size:var(--text-2xl);margin:var(--space-sm)0 var(--space-xs);font-weight:800}.admin-login-desc{font-size:var(--text-sm);color:var(--text-secondary)}.admin-login-form{gap:var(--space-md);flex-direction:column;display:flex}.admin-login-error{align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-md);background:var(--danger-bg);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--danger);border:1px solid #ef44444d;font-weight:600;display:flex}.admin-container{max-width:1200px;padding:var(--space-2xl)var(--space-xl);margin:0 auto}.admin-header{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.admin-title{align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:800;display:flex}.admin-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-xs)}.admin-stats-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);flex-direction:column;gap:2px;display:flex}.admin-stat-value{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);font-weight:800}.admin-stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.admin-filter-row{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.admin-filter-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;padding:6px 16px;font-weight:600;transition:all .2s}.admin-filter-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.admin-filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.admin-refresh-btn{background:var(--bg-card);border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:flex}.admin-refresh-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.admin-table-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.admin-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.admin-table thead{background:var(--bg-elevated)}.admin-table th{padding:var(--space-sm)var(--space-md);text-align:left;font-weight:700;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.admin-table td{padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--border);color:var(--text-secondary)}.admin-table-row{cursor:pointer;transition:background .15s}.admin-table-row:hover{background:var(--bg-elevated)}.admin-td-brand{font-weight:600;color:var(--text-primary)!important}.admin-td-amount{font-family:var(--font-heading);font-weight:700;color:var(--text-primary)!important}.admin-td-method{text-transform:uppercase;letter-spacing:.03em;font-size:var(--text-xs)!important}.admin-td-date{font-size:var(--text-xs)!important;color:var(--text-muted)!important}.admin-status-badge{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.02em;padding:3px 10px;font-weight:700;display:inline-flex}.admin-action-btns{gap:4px;display:flex}.admin-action-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.admin-action-verify:hover{color:#10b981;background:#10b98126;border-color:#10b981}.admin-action-reject:hover{color:#ef4444;background:#ef444426;border-color:#ef4444}.admin-empty{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-4xl);color:var(--text-muted);font-size:var(--text-sm);flex-direction:column;display:flex}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-xl);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.admin-modal-header{padding:var(--space-lg)var(--space-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.admin-modal-header h3{font-family:var(--font-heading);font-size:var(--text-lg);margin:0;font-weight:700}.admin-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:all .2s}.admin-modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.admin-modal-body{padding:var(--space-xl)}.admin-modal-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.admin-modal-field{flex-direction:column;gap:4px;display:flex}.admin-modal-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.admin-modal-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.admin-modal-tags{flex-wrap:wrap;gap:6px;display:flex}.admin-tag{background:var(--accent-subtle);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);padding:3px 10px;font-weight:600}.admin-modal-notes{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-md);margin:0;line-height:1.6}.admin-proof-img{object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border);cursor:pointer;width:100%;max-height:300px;transition:opacity .2s}.admin-proof-img:hover{opacity:.85}.admin-modal-footer{gap:var(--space-md);padding:var(--space-lg)var(--space-xl);border-top:1px solid var(--border);display:flex}@media (max-width:768px){.admin-container{padding:var(--space-lg)var(--space-md)}.admin-table th:nth-child(4),.admin-table td:nth-child(4),.admin-table th:nth-child(6),.admin-table td:nth-child(6){display:none}.admin-modal-grid{grid-template-columns:1fr}.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-title{font-size:var(--text-xl)}}