:root{--bg:#FFFFFF;--surface:#FFFFFF;--surface-muted:#F8FAFC;--surface-elevated:#FFFFFF;--text-primary:#0F172A;--text-secondary:#475569;--text-tertiary:#64748B;--border:#E2E8F0;--border-strong:#CBD5E1;--focus:#6366F1;--brand:#6D28D9;--brand-hover:#5B21B6;--accent-pink:#EC4899;--accent-gold:#A16207;--success:#059669;--warning:#B45309;--danger:#DC2626;--info:#0284C7;--brand-whatsapp:#25D366;--theme-primary:#334155;--theme-accent:#A16207;--theme-celebration:#6366F1;--theme-surface:#F8FAFC;--theme-surface-soft:#F1F5F9;--theme-motif:url(/_next/static/media/umum-motif.cb96efcc.svg);--motif-opacity:0.14;--motif-size:58%;--font-display:"Instrument Serif","Times New Roman",serif;--font-ui:Inter,system-ui,-apple-system,sans-serif;--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,monospace;--text-xs:12px;--leading-xs:16px;--text-sm:14px;--leading-sm:20px;--text-base:16px;--leading-base:24px;--text-lg:20px;--leading-lg:28px;--text-xl:24px;--leading-xl:32px;--text-2xl:32px;--leading-2xl:40px;--text-3xl:40px;--leading-3xl:48px;--text-4xl:56px;--leading-4xl:60px;--text-5xl:72px;--leading-5xl:76px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--r-sm:12px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-xl-card:20px;--r-2xl:24px;--r-full:9999px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px rgba(15,23,42,0.06);--shadow-md:0 4px 12px rgba(15,23,42,0.08);--shadow-lg:0 12px 32px rgba(15,23,42,0.12);--shadow-card:0 1px 3px rgba(15,23,42,0.04),0 4px 12px rgba(15,23,42,0.06);--dur-fast:120ms;--dur-base:200ms;--dur-slow:360ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--text-inverse:#FFFFFF;--max-width:1200px;--gutter:var(--s-4);--amount-font:var(--font-mono);--amount-tabular:tabular-nums;--grad-occasion-light:linear-gradient(135deg,var(--theme-surface) 0%,var(--theme-surface-soft) 100%);--grad-occasion-deep:linear-gradient(160deg,#334155,color-mix(in oklch,#334155 85%,#0F172A));--grad-brand:linear-gradient(135deg,var(--brand) 0%,color-mix(in oklch,var(--brand) 80%,var(--brand-hover)) 100%);--pattern-confetti:url(/_next/static/media/confetti-pattern.d9b82046.svg);--glow-hero:radial-gradient(circle,color-mix(in oklch,var(--brand) 12%,transparent) 0%,transparent 70%)}@media (prefers-color-scheme:dark){:root{--bg:#0B1020;--surface:#111A2E;--surface-muted:#1E293B;--surface-elevated:#1E293B;--text-primary:#F8FAFC;--text-secondary:#CBD5E1;--text-tertiary:#94A3B8;--border:#334155;--border-strong:#475569;--focus:#818CF8;--brand:#8B5CF6;--brand-hover:#7C3AED;--accent-pink:#F472B6;--accent-gold:#FBBF24;--success:#10B981;--warning:#F59E0B;--danger:#EF4444;--info:#0EA5E9;--theme-primary:#64748B;--theme-accent:#FBBF24;--theme-celebration:#818CF8;--theme-surface:#0F172A;--theme-surface-soft:#020617;--text-inverse:#FFFFFF}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width:768px){:root{--gutter:var(--s-6)}}@media (min-width:1024px){:root{--gutter:var(--s-8)}}.theme-lebaran,[data-theme=lebaran]{--theme-primary:#15803D;--theme-accent:#A16207;--theme-celebration:#22C55E;--theme-surface:#F0FDF4;--theme-surface-soft:#DCFCE7;--theme-motif:url(/_next/static/media/lebaran-motif.b0be7513.svg);--grad-deep:linear-gradient(160deg,var(--theme-primary) 0%,color-mix(in oklch,var(--theme-primary) 85%,#0F172A) 100%);--grad-occasion-deep:var(--grad-deep)}@media (prefers-color-scheme:dark){.theme-lebaran,[data-theme=lebaran]{--theme-primary:#22C55E;--theme-accent:#FBBF24;--theme-celebration:#4ADE80;--theme-surface:#052E16;--theme-surface-soft:#0A1F12}}.theme-natal,[data-theme=natal]{--theme-primary:#B91C1C;--theme-accent:#A16207;--theme-celebration:#DC2626;--theme-surface:#FEF2F2;--theme-surface-soft:#FFF7ED;--theme-motif:url(/_next/static/media/natal-motif.3a6b4de0.svg);--grad-deep:linear-gradient(160deg,var(--theme-primary) 0%,color-mix(in oklch,var(--theme-primary) 85%,#0F172A) 100%);--grad-occasion-deep:var(--grad-deep)}@media (prefers-color-scheme:dark){.theme-natal,[data-theme=natal]{--theme-primary:#EF4444;--theme-accent:#FBBF24;--theme-celebration:#F87171;--theme-surface:#450A0A;--theme-surface-soft:#1C0A0A}}.theme-imlek,[data-theme=imlek]{--theme-primary:#DC2626;--theme-accent:#CA8A04;--theme-celebration:#F59E0B;--theme-surface:#FFF7ED;--theme-surface-soft:#FEF3C7;--theme-motif:url(/_next/static/media/imlek-motif.c7568b53.svg);--grad-deep:linear-gradient(160deg,var(--theme-primary) 0%,color-mix(in oklch,var(--theme-primary) 85%,#0F172A) 100%);--grad-occasion-deep:var(--grad-deep)}@media (prefers-color-scheme:dark){.theme-imlek,[data-theme=imlek]{--theme-primary:#F87171;--theme-accent:#FBBF24;--theme-celebration:#FCD34D;--theme-surface:#450A0A;--theme-surface-soft:#2A0A06}}.theme-wedding,[data-theme=wedding]{--theme-primary:#BE185D;--theme-accent:#A16207;--theme-celebration:#F472B6;--theme-surface:#FFF1F2;--theme-surface-soft:#FFF7ED;--theme-motif:url(/_next/static/media/wedding-motif.b2a26b29.svg);--grad-deep:linear-gradient(160deg,var(--theme-primary) 0%,color-mix(in oklch,var(--theme-primary) 85%,#0F172A) 100%);--grad-occasion-deep:var(--grad-deep)}@media (prefers-color-scheme:dark){.theme-wedding,[data-theme=wedding]{--theme-primary:#EC4899;--theme-accent:#FBBF24;--theme-celebration:#FBCFE8;--theme-surface:#4C0519;--theme-surface-soft:#1C0512}}.theme-newborn,[data-theme=newborn]{--theme-primary:#2563EB;--theme-accent:#A16207;--theme-celebration:#60A5FA;--theme-surface:#EFF6FF;--theme-surface-soft:#F0F9FF;--theme-motif:url(/_next/static/media/newborn-motif.f8f381fa.svg);--grad-deep:linear-gradient(160deg,var(--theme-primary) 0%,color-mix(in oklch,var(--theme-primary) 85%,#0F172A) 100%);--grad-occasion-deep:var(--grad-deep)}@media (prefers-color-scheme:dark){.theme-newborn,[data-theme=newborn]{--theme-primary:#3B82F6;--theme-accent:#FBBF24;--theme-celebration:#93C5FD;--theme-surface:#172554;--theme-surface-soft:#0A1429}}.theme-birthday,[data-theme=birthday]{--theme-primary:#7C3AED;--theme-accent:#EC4899;--theme-celebration:#F472B6;--theme-surface:#FAF5FF;--theme-surface-soft:#FDF2F8;--theme-motif:url(/_next/static/media/birthday-motif.b1121601.svg);--grad-deep:linear-gradient(160deg,var(--theme-primary) 0%,color-mix(in oklch,var(--theme-primary) 85%,#0F172A) 100%);--grad-occasion-deep:var(--grad-deep)}@media (prefers-color-scheme:dark){.theme-birthday,[data-theme=birthday]{--theme-primary:#A855F7;--theme-accent:#F472B6;--theme-celebration:#FBCFE8;--theme-surface:#2E1065;--theme-surface-soft:#180A2E}}.theme-umum,[data-theme=umum]{--theme-primary:#334155;--theme-accent:#A16207;--theme-celebration:#6366F1;--theme-surface:#F8FAFC;--theme-surface-soft:#F1F5F9;--theme-motif:url(/_next/static/media/umum-motif.cb96efcc.svg);--motif-opacity:0.14;--motif-size:58%;--grad-deep:linear-gradient(160deg,var(--theme-primary) 0%,color-mix(in oklch,var(--theme-primary) 85%,#0F172A) 100%);--grad-occasion-deep:var(--grad-deep)}@media (prefers-color-scheme:dark){.theme-umum,[data-theme=umum]{--theme-primary:#64748B;--theme-accent:#FBBF24;--theme-celebration:#818CF8;--theme-surface:#0F172A;--theme-surface-soft:#020617}}.btn-primary{background:var(--brand);color:var(--text-inverse);border:none;border-radius:var(--r-md);padding:var(--s-3) var(--s-6);font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2)}.btn-primary:hover{background:var(--brand-hover)}.btn-primary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--brand);border:1.5px solid var(--brand);border-radius:var(--r-md);padding:var(--s-3) var(--s-6);font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2)}.btn-secondary:hover{background:var(--brand);color:var(--text-inverse)}.btn-secondary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.input{height:44px;padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px var(--focus)}.input::placeholder{color:var(--text-tertiary)}.textarea{min-height:120px;padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-base);resize:vertical;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px var(--focus)}.textarea::placeholder{color:var(--text-tertiary)}.select{height:44px;padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--text-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px var(--focus)}.radio{width:20px;height:20px;border-radius:var(--r-full);border:2px solid var(--border);position:relative;flex-shrink:0;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.radio.selected{border-color:var(--brand)}.radio.selected:after{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;background:var(--brand);border-radius:var(--r-full)}.radio:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.checkbox{width:20px;height:20px;border-radius:var(--r-sm);border:2px solid var(--border);position:relative;flex-shrink:0;cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.checkbox.checked{background:var(--brand);border-color:var(--brand)}.checkbox.checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-inverse);font-size:12px;font-weight:var(--weight-bold)}.checkbox:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.badge{display:inline-flex;align-items:center;padding:var(--s-1) var(--s-3);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1}.badge-brand{background:color-mix(in oklch,var(--brand) 10%,var(--surface));color:var(--brand)}.badge-success{background:color-mix(in oklch,var(--success) 10%,var(--surface));color:var(--success)}.badge-warning{background:color-mix(in oklch,var(--warning) 10%,var(--surface));color:var(--warning)}.badge-theme{background:var(--theme-surface-soft);color:var(--theme-primary)}.amount-display{font-family:var(--amount-font);font-feature-settings:var(--amount-tabular);font-variant-numeric:var(--amount-tabular);letter-spacing:-.02em}.amount-chip{display:inline-flex;align-items:center;justify-content:center;padding:var(--s-2) var(--s-4);border:1.5px solid var(--border);border-radius:var(--r-full);background:var(--surface);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);min-height:40px;white-space:nowrap}.amount-chip:hover{border-color:var(--brand);color:var(--brand)}.amount-chip.active{background:var(--brand);border-color:var(--brand);color:var(--text-inverse)}.amount-chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.gift-card{background:var(--theme-surface);border-radius:var(--radius-xl,20px);padding:var(--s-6);box-shadow:0 1px 3px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.08),0 0 0 1px rgba(109,40,217,.06);position:relative;overflow:hidden;aspect-ratio:360/220}.gift-card:before{content:"";background:var(--theme-motif) center/62% no-repeat;opacity:.13}.card-motif-layer,.gift-card:before{position:absolute;inset:0;pointer-events:none}.card-motif-layer{background:var(--theme-motif) center/58% no-repeat;opacity:.14}.card-motif-layer.is-off{opacity:0}.confetti-layer{position:absolute;inset:0;pointer-events:none;opacity:.55}.confetti-layer.is-off{opacity:0}.card-preview{background:var(--theme-surface);border-radius:var(--radius-xl,20px);box-shadow:0 1px 3px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.08),0 0 0 1px rgba(109,40,217,.06);overflow:hidden;aspect-ratio:440/260;position:relative}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-ui);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter)}