[data-theme-id=nativa]{--font-heading:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brand-gold:#d4af37;--brand-gold-light:#f4cf57;--brand-gold-dark:#b48f17;--brand-gold-rgb:212, 175, 55;--brand-emerald:#10b981;--brand-emerald-light:#70d898;--brand-emerald-dark:#059669;--brand-emerald-rgb:80, 200, 120;--brand-ruby:#ef4444;--brand-ruby-light:#ff317f;--brand-ruby-dark:#c0003f;--brand-ruby-rgb:224, 17, 95;--brand-sapphire:#0891b2;--brand-sapphire-light:#2f72da;--brand-sapphire-dark:#3b82f6;--brand-sapphire-rgb:15, 82, 186;--brand-amethyst:#7c3aed;--brand-amethyst-light:#b986dc;--brand-amethyst-dark:#8b5cf6;--brand-amethyst-rgb:153, 102, 204;--brand-topaz:#ffc87c;--brand-topaz-light:#ffe8bc;--brand-topaz-dark:#e0a85c;--brand-topaz-rgb:255, 200, 124;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--shadow-2xl:0 25px 50px #00000040;--card-radius:var(--radius-xl);--card-shadow:var(--shadow-md);--card-transition:var(--transition-base);--card-padding:var(--space-6);--card-padding-sm:var(--space-4);--card-padding-lg:var(--space-8);--card-title-family:var(--font-heading);--card-title-size:var(--text-xl);--card-title-weight:700;--card-title-color:var(--color-text);--card-body-size:var(--text-base);--card-body-color:var(--color-text);--card-body-line-height:1.6;--card-hover-shadow:var(--shadow-xl);--card-hover-offset:-4px;--card-active-scale:.98;--card--content-image-radius:var(--radius-lg);--action-input-radius:var(--radius-md);--cardboard-radius-sm:var(--radius-md);--cardboard-radius-md:var(--radius-lg);--cardboard-radius-lg:var(--radius-xl);--cardboard-radius-xl:var(--radius-2xl);--cardboard-card-padding-md:var(--space-6);--cardboard-icon-size-lg:48px;--cardboard-icon-size-md:40px;--cardboard-icon-size-sm:32px;--cardboard-shadow-sm:0 2px 8px #00000026;--cardboard-shadow-md:0 4px 16px #0003;--cardboard-shadow-lg:0 8px 32px #00000040;--cardboard-shadow-xl:0 12px 48px #0000004d;--cardboard-shadow-hover:0 8px 24px rgba(var(--brand-gold-rgb), .15);--cardboard-transition-fast:.15s ease;--cardboard-transition-base:.25s ease;--cardboard-transition-slow:.35s ease;--cardboard-transition-bounce:.5s cubic-bezier(.68, -.55, .265, 1.55);--cardboard-focus-ring:0 0 0 3px rgba(var(--brand-gold-rgb), .4);--cardboard-spinner-color:var(--brand-gold);--stats-value-size-desktop:2.25rem;--stats-value-weight:800;--stats-value-line-height:1;--stats-value-letter-spacing:-.02em;--stats-label-size:var(--text-xs);--stats-label-weight:600;--stats-label-color:var(--color-text-muted);--stats-label-text-transform:uppercase;--stats-label-letter-spacing:.1em;--cardboard-icon-bg-gold:linear-gradient(135deg, #d4af3733, #d4af371a);--cardboard-icon-bg-emerald:linear-gradient(135deg, #50c87833, #50c8781a);--cardboard-icon-bg-sapphire:linear-gradient(135deg, #0f52ba33, #0f52ba1a);--cardboard-icon-bg-amethyst:linear-gradient(135deg, #96c3, #9966cc1a);--cardboard-icon-bg-ruby:linear-gradient(135deg, #e0115f33, #e0115f1a);--cardboard-icon-bg-topaz:linear-gradient(135deg, #ffc87c33, #ffc87c1a);--cardboard-icon-border-gold:#d4af374d;--cardboard-icon-border-emerald:#50c8784d;--cardboard-icon-border-sapphire:#0f52ba4d;--cardboard-icon-border-amethyst:#9966cc4d;--cardboard-icon-border-ruby:#e0115f4d;--cardboard-icon-border-topaz:#ffc87c4d}[data-theme-id=nativa][data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:var(--neutral-50);--color-bg-alt:var(--neutral-0);--color-bg-elevated:var(--neutral-0);--color-text:var(--neutral-900);--color-text-muted:var(--neutral-600);--color-text-inverse:var(--neutral-0);--color-border:var(--neutral-200);--color-border-hover:var(--neutral-300);--card-bg:#fffffff2;--card-bg-hover:var(--neutral-50);--card-border:var(--neutral-200);--card-shadow:var(--shadow-md);--card-title-color:var(--neutral-900);--card-subtitle-color:var(--neutral-600);--card-body-color:var(--neutral-900);--input-bg:var(--neutral-0);--input-border:var(--neutral-300);--input-focus-border:var(--brand-gold);--color-success:#16a34a;--color-warning:#ca8a04;--color-error:#dc2626;--color-info:#0284c7;--glass-bg:#fffc;--glass-bg-hover:#ffffffe6;--glass-border:1px solid #00000014;--cardboard-glass-bg:#00000008;--cardboard-glass-bg-hover:#0000000f;--cardboard-glass-border:#00000014;--stats-value-color:var(--brand-gold);--color-primary:var(--brand-gold);--color-primary-hover:var(--brand-gold-dark);--color-secondary:var(--neutral-500);--color-secondary-hover:var(--neutral-600);--color-border-focus:var(--brand-gold);--color-text-link:var(--brand-gold);--color-text-link_hover:var(--brand-gold-dark)}[data-theme-id=nativa][data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:var(--neutral-950);--color-bg-alt:var(--neutral-900);--color-bg-elevated:var(--neutral-800);--color-text:var(--neutral-50);--color-text-muted:var(--neutral-400);--color-text-inverse:var(--neutral-900);--color-border:var(--neutral-700);--color-border-hover:var(--neutral-600);--card-bg:#0a0a0ad9;--card-bg-hover:#ffffff0d;--card-border:#ffffff1a;--card-shadow:0 20px 60px #0000004d;--card-title-color:var(--neutral-50);--card-subtitle-color:var(--neutral-400);--card-body-color:var(--neutral-50);--input-bg:#ffffff0d;--input-border:#ffffff1a;--input-focus-border:var(--brand-gold);--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--glass-bg:#0a0a0ad9;--glass-bg-hover:#0f0f0fe6;--glass-border:1px solid #ffffff26;--cardboard-glass-bg:#ffffff14;--cardboard-glass-bg-hover:#ffffff1f;--cardboard-glass-border:#ffffff14;--stats-value-color:var(--brand-gold);--color-primary:var(--brand-gold);--color-primary-hover:var(--brand-gold-light);--color-secondary:var(--neutral-600);--color-secondary-hover:var(--neutral-500);--color-border-focus:var(--brand-gold);--color-text-link:var(--brand-gold);--color-text-link_hover:var(--brand-gold-light)}@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/vanilla-cards/assets/Inter-Regular-COLGFB3M.woff2)format("woff2")}@font-face{font-family:Playfair Display;font-weight:400;font-display:swap;src:url(/vanilla-cards/assets/PlayfairDisplay-Regular-CxA4Ig4w.woff2)format("woff2")}@font-face{font-family:Playfair Display;font-weight:700;font-display:swap;src:url(/vanilla-cards/assets/PlayfairDisplay-Bold-Dq92lI_w.woff2)format("woff2")}html,body{min-height:100vh;margin:0;padding:0}.body-card{padding:var(--space-6);background-color:var(--color-bg-secondary);min-height:100vh;color:var(--color-text);flex-direction:column;margin:0;display:flex}@media (width>=768px){.body-card{padding:var(--space-8)}}@media (width>=1024px){.body-card{padding:var(--space-10)}}[data-theme=light] .body-card{background-color:var(--color-bg);color:var(--color-text)}.card--hidden{display:none!important}.card--invisible{visibility:hidden;opacity:0}.card--highlighted{animation:2s ease-in-out infinite card-pulse}@keyframes card-pulse{0%,to{box-shadow:var(--card-shadow)}50%{box-shadow:var(--card-shadow), 0 0 0 2px #d4af374d}}.card--fade-in{animation:.3s ease-out card-fade-in}@keyframes card-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card--slide-in-left{animation:.3s ease-out card-slide-in-left}@keyframes card-slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.card--slide-in-right{animation:.3s ease-out card-slide-in-right}@keyframes card-slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.card--scale-in{animation:.2s ease-out card-scale-in}@keyframes card-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.card--full-height{height:100%}.card-group--equal-height{gap:var(--space-6);flex-wrap:wrap;display:flex}.card-group--equal-height .card{flex:1 1 0;min-width:0}.card__badge{top:var(--space-3);right:var(--space-3);min-width:24px;height:24px;padding:0 var(--space-2);background:var(--brand-gold);color:var(--neutral-900);font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex;position:absolute}.card__badge--error{background:var(--color-error);color:var(--neutral-0)}.card__badge--success{background:var(--color-success);color:var(--neutral-0)}.card{background:var(--card-bg);border:var(--card-border-width,1px) solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:transform var(--transition-transform), box-shadow var(--card-transition), background var(--card-transition)}.card--interactive:hover{transform:translateY(var(--card-hover-offset));box-shadow:var(--card-hover-shadow);background:var(--card-bg-hover)}.card--interactive:active{transform:scale(var(--card-active-scale))}.card--featured{border-color:var(--brand-gold);box-shadow:var(--card-shadow), 0 0 0 1px #d4af3733}.card--compact{padding:var(--card-padding-sm)}.card--large{padding:var(--card-padding-lg)}.card--loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:1.5s infinite card-loading;position:absolute;top:0;left:0}@keyframes card-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card--error{border-color:var(--color-error);background:linear-gradient(#ef44440d,#0000)}.card--success{border-color:var(--color-success);background:linear-gradient(#22c55e0d,#0000)}.card__header{margin-bottom:var(--space-4);gap:var(--space-3)}.card__title{font-size:var(--card-title-size);font-weight:var(--card-title-weight);font-family:var(--card-title-family);color:var(--card-title-color);line-height:var(--leading-tight);margin:0}.card__subtitle{margin:var(--space-1) 0 0;font-size:var(--card-subtitle-size);font-weight:var(--card-subtitle-weight);color:var(--card-subtitle-color)}.card__body{font-size:var(--card-body-size);color:var(--card-body-color);line-height:var(--card-body-line-height)}.card__image{height:var(--content-card-image-height);border-radius:var(--content-card-image-radius);margin-bottom:var(--space-4)}.card__action{gap:var(--space-2)}.card__footer{padding-top:var(--space-4);border-top:1px solid var(--color-border);gap:var(--space-3);min-height:60px}.card__footer--compact{min-height:48px;padding-top:var(--space-3)}.card--glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-inset-shadow);transition:background var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.card--glass:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover), var(--glass-inset-shadow), var(--glass-glow);border-color:var(--glass-border-highlight)}.card--elevated{background:var(--card-bg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base), transform var(--transition-base);border:none}.card--elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card--elevated:active{box-shadow:var(--shadow-md);transform:translateY(0)}.card--filled{background:var(--color-bg-alt);box-shadow:none;border:1px solid var(--color-border);transition:box-shadow var(--transition-base), transform var(--transition-base)}.card--filled:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.card--filled:active{box-shadow:none;transform:translateY(0)}.card--outlined{box-shadow:none;border:2px solid var(--color-border);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);background:0 0}.card--outlined:hover{border-color:var(--brand-gold);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.card--outlined:active{border-color:var(--brand-gold);box-shadow:none;transform:translateY(0)}.card--horizontal{gap:var(--spacing-md);padding:0}.card--horizontal__media{border-radius:var(--radius-md) 0 0 var(--radius-md);margin:0}.card--horizontal__content{padding:var(--spacing-lg)}.card--horizontal__title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.card--horizontal__description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.card--horizontal__actions{gap:var(--spacing-sm)}@media (width<=768px){.card--horizontal__media{border-radius:var(--radius-md) var(--radius-md) 0 0}.card--horizontal__content{padding:var(--spacing-md)}}.card--clickable:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card--clickable:active{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px}.card--elevated:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px;box-shadow:var(--shadow-lg)}.card--filled:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px;border-color:var(--brand-gold)}.card--outlined:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px;border-color:var(--brand-gold);box-shadow:var(--shadow-md)}.card--disabled{opacity:.5;filter:grayscale()}.card--elevated.card--disabled{background:var(--color-bg-alt);box-shadow:none}.card--filled.card--disabled{background:var(--color-bg)}.card--outlined.card--disabled{border-color:var(--color-border);opacity:.38}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;text-decoration:none;display:inline-flex}.btn:hover{background:var(--card-bg-hover);border-color:var(--brand-gold);color:var(--brand-gold);transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn:focus-visible{box-shadow:0 0 0 2px var(--brand-gold);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn__icon{stroke:currentColor;width:18px;height:18px}.btn--primary{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--neutral-900)}.btn--primary:hover{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--neutral-900);box-shadow:0 4px 12px #d4af374d}.btn--primary:focus-visible{box-shadow:0 0 0 2px var(--brand-gold), 0 4px 12px #d4af374d}.btn--secondary{border-color:var(--color-border);color:var(--color-text);background:0 0}.btn--secondary:hover{background:var(--card-bg-hover);border-color:var(--brand-gold);color:var(--brand-gold)}.btn--ghost{color:var(--color-text);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--card-bg-hover);color:var(--brand-gold);border-color:#0000}.btn--danger{background:var(--color-error);border-color:var(--color-error);color:var(--neutral-0)}.btn--danger:hover{background:var(--color-error);border-color:var(--color-error);color:var(--neutral-0);box-shadow:0 4px 12px #ef44444d}.btn--success{background:var(--color-success);border-color:var(--color-success);color:var(--neutral-0)}.btn--success:hover{background:var(--color-success);border-color:var(--color-success);color:var(--neutral-0);box-shadow:0 4px 12px #22c55e4d}.btn--sm{height:36px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--sm .btn__icon,.btn--sm .icon{width:16px;height:16px}.btn--lg{height:52px;padding:0 var(--space-6);font-size:var(--text-lg)}.btn--lg .btn__icon,.btn--lg .icon{width:20px;height:20px}.btn--rounded{border-radius:var(--radius-full)}.btn--square{border-radius:var(--radius-sm)}.btn-group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.btn-group--compact{gap:var(--space-1)}.btn-group--vertical{flex-direction:column;align-items:stretch}.btn--icon{width:44px;padding:0}.btn--icon .btn__icon,.btn--icon .icon{width:20px;height:20px}.btn--loading{color:#0000;pointer-events:none;position:relative}.btn--loading:after{content:"";width:16px;height:16px;color:var(--color-text);border:2px solid;border-top-color:#0000;border-radius:50%;animation:.6s linear infinite btn-spin;position:absolute}.btn--primary.btn--loading:after{color:var(--neutral-900)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--full-width{width:100%}@media (prefers-contrast:more),(forced-colors:active){.btn{border-width:2px}.btn:focus-visible{box-shadow:0 0 0 3px var(--color-text)}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover,.btn:active{transform:none}.btn--loading:after{animation-duration:2s}}[data-theme=dark] .btn--secondary{border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .btn--secondary:hover{background:var(--card-bg-hover);border-color:var(--brand-gold);color:var(--brand-gold)}[data-theme=dark] .btn--ghost{color:var(--color-text)}[data-theme=dark] .btn--ghost:hover{background:var(--card-bg-hover);color:var(--brand-gold)}.icon{stroke:currentColor;fill:none;vertical-align:middle;flex-shrink:0;display:inline-block}.icon--inline{margin-right:var(--space-2);width:1.2em;height:1.2em}.icon--sm{width:16px;height:16px}.icon--gold{color:var(--brand-gold,#d4af37)}.icon--emerald{color:var(--brand-emerald,#10b981)}.icon--ruby{color:var(--brand-ruby,#ef4444)}.icon--sapphire{color:var(--brand-sapphire,#0891b2)}.icon--amethyst{color:var(--brand-amethyst,#7c3aed)}.icon--success{color:var(--color-success,#22c55e)}.icon--error{color:var(--color-error,#ef4444)}.btn .btn__icon,.btn .icon,.btn--primary .btn__icon,.btn--primary .icon,.btn--outline .btn__icon,.btn--outline .icon{stroke:currentColor;color:inherit}.card--header__actions .icon,.card--header__action-btn .icon{width:20px;height:20px}.icon-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--card-bg-hover);border-color:var(--brand-gold);color:var(--brand-gold)}.icon-btn:focus-visible{box-shadow:0 0 0 2px var(--brand-gold);outline:none}.icon-btn:active{transform:scale(.95)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn__icon{stroke:currentColor;flex-shrink:0;width:20px;height:20px}.icon-btn .icon-btn__icon,.icon-btn .icon{stroke:currentColor;width:20px;height:20px}.icon-btn--sm{width:32px;height:32px}.icon-btn--sm .icon-btn__icon,.icon-btn--sm .icon{width:16px;height:16px}.icon-btn--lg{width:48px;height:48px}.icon-btn--lg .icon-btn__icon,.icon-btn--lg .icon{width:24px;height:24px}.icon-btn--ghost{background:0 0;border:1px solid #0000}.icon-btn--ghost:hover{background:var(--card-bg-hover);border-color:var(--color-border)}.icon-btn--filled{background:var(--color-bg);border:1px solid var(--color-border)}.icon-btn--filled:hover{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--neutral-900)}.icon-btn--glass{color:var(--neutral-0);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.icon-btn--glass:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.icon-btn--glass:active{transform:scale(.95)}[data-theme=light] .icon-btn--glass{color:var(--neutral-900);background:#0000001a;border:1px solid #0003}[data-theme=light] .icon-btn--glass:hover{background:#0003;border-color:#0000004d}.icon-btn--glass.icon-btn--circle{border-radius:var(--radius-full)}.icon-btn--glass.icon-btn--lg{width:56px;height:56px}.icon-btn--glass.icon-btn--lg .icon-btn__icon,.icon-btn--glass.icon-btn--lg .icon{width:24px;height:24px}.icon-btn--glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);color:var(--color-text)}.icon-btn--glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-highlight);box-shadow:var(--glass-glow)}.icon-btn--gold:hover{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--neutral-900)}.icon-btn--emerald:hover{background:var(--brand-emerald);border-color:var(--brand-emerald);color:var(--neutral-900)}.icon-btn--ruby:hover{background:var(--brand-ruby);border-color:var(--brand-ruby);color:var(--neutral-0)}.icon-btn--sapphire:hover{background:var(--brand-sapphire);border-color:var(--brand-sapphire);color:var(--neutral-0)}.icon-btn--amethyst:hover{background:var(--brand-amethyst);border-color:var(--brand-amethyst);color:var(--neutral-0)}.icon-btn--circle{border-radius:var(--radius-full)}.icon-btn--square{border-radius:var(--radius-sm)}.icon-btn--theme{border-radius:var(--radius-md);width:40px;height:40px}.icon-btn--theme .icon-btn__icon,.icon-btn--theme .icon{width:20px;height:20px}.icon-btn--search{width:40px;height:40px}.icon-btn--menu{background:0 0;border:none;width:40px;height:40px}.icon-btn--menu:hover{background:var(--card-bg-hover);border-radius:var(--radius-md)}.icon-btn--close{width:32px;height:32px;color:var(--color-text-muted);background:0 0;border:none}.icon-btn--close:hover{background:var(--card-bg-hover);color:var(--color-text);border-radius:var(--radius-md)}.icon-btn-group{align-items:center;gap:var(--space-2);display:flex}.icon-btn-group--compact{gap:var(--space-1)}.icon-btn-group--vertical{flex-direction:column}@media (prefers-contrast:more),(forced-colors:active){.icon-btn{border-width:2px}.icon-btn:focus-visible{box-shadow:0 0 0 3px var(--color-text)}}@media (prefers-reduced-motion:reduce){.icon-btn{transition:none}.icon-btn:active{transform:none}}.card--header,vanilla-card[variant=header]{z-index:10001;box-shadow:none;transition:background var(--transition-base), box-shadow var(--transition-base);border:none;border-radius:0;padding-block:0;padding-inline:0;position:fixed;top:0;left:0;right:0;overflow:visible!important}@media (width>=768px){.card--header,vanilla-card[variant=header]{padding-inline:0}}@media (width>=1024px){.card--header,vanilla-card[variant=header]{padding-inline:0}}.card--header--scrolled,vanilla-card[variant=header].card--header--scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}.card--header__inner{justify-content:space-between;align-items:center;width:100%;max-width:1440px;min-height:45px;margin:0 auto;padding:0;display:flex}@media (width>=768px){.card--header__inner{min-height:45px}}@media (width>=1024px){.card--header__inner{min-height:45px}}.card--header__logo{align-items:center;gap:var(--space-1);font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-text);transition:opacity var(--transition-fast);font-weight:700;text-decoration:none;display:flex}.card--header__logo:hover{opacity:.8}.card--header__logo-dot{color:var(--brand-gold)}.card--header__nav{display:flex}.card--header__nav-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.card--header__nav-item{align-items:center;display:flex}.card--header__nav-link{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);border-radius:var(--radius-md);transition:color var(--transition-fast), background-color var(--transition-fast);font-weight:500;text-decoration:none;display:inline-flex}.card--header__nav-link:hover{color:var(--color-text);background-color:var(--card-bg-hover)}.card--header__nav-link--active{color:var(--neutral-900);background-color:var(--brand-gold);font-weight:700}.card--header__icon-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.card--header__icon-btn:hover{background:var(--card-bg-hover);border-color:var(--color-border)}.card--header__theme-toggle{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.card--header__theme-toggle:hover{background:var(--card-bg-hover);border-color:var(--color-border)}.card--header__theme-toggle:focus-visible{box-shadow:0 0 0 2px var(--brand-gold);outline:none}.card--header__theme-icon{width:20px;height:20px}.card--header__theme-icon--moon{display:block}.card--header__theme-icon--sun{display:none}html[data-theme=dark] .card--header__theme-icon--sun{display:block}html[data-theme=dark] .card--header__theme-icon--moon{display:none}.card--header__actions{align-items:center;gap:var(--space-2);display:flex}.card--header__action-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.card--header__action-btn:hover{background:var(--card-bg-hover);border-color:var(--brand-gold);color:var(--brand-gold)}.card--header__action-icon{stroke:currentColor;width:20px;height:20px}[data-theme=light] .card--header__action-btn{color:#000}[data-theme=light] .card--header__action-btn:hover{color:#b8941f}.card--header__mobile-toggle,vanilla-card[variant=header] .card--header__mobile-toggle{cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);width:40px;height:40px;transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:none!important}.card--header__mobile-toggle:hover{background-color:var(--card-bg-hover)}.card--header__mobile-toggle:focus-visible{box-shadow:0 0 0 2px var(--brand-gold);outline:none}@media (width<=768px){.card--header__mobile-toggle,vanilla-card[variant=header] .card--header__mobile-toggle{display:flex!important}}.card--header__mobile-icon{width:24px;height:24px;color:var(--color-text);transition:all var(--transition-base)}.card--header__mobile-icon-dot,.card--header__icon-dot{fill:currentColor;transition:all var(--transition-base);transform-origin:50%}.card--header--mobile-open .card--header__icon-dot--top{border-radius:1px;transform:translateY(6px)scaleX(5)rotate(45deg)}.card--header--mobile-open .card--header__icon-dot--middle{opacity:0;transform:scale(0)}.card--header--mobile-open .card--header__icon-dot--bottom{border-radius:1px;transform:translateY(-6px)scaleX(5)rotate(-45deg)}@media (width<=768px){.card--header__nav{display:none}.card--header--mobile-open .card--header__nav{background:var(--card-bg);padding:var(--space-4);box-shadow:var(--shadow-md);border-top:1px solid var(--color-border);flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}.card--header--mobile-open .card--header__nav-list{gap:var(--space-2);flex-direction:column;width:100%}.card--header--mobile-open .card--header__nav-link{width:100%;padding-block:var(--space-3);justify-content:center}}.mobile-nav-overlay{z-index:9998;pointer-events:none;opacity:0;visibility:hidden;background-color:#0009;transition:opacity .3s,visibility .3s;position:fixed;inset:45px 0 0}.mobile-nav-overlay:not([hidden]){pointer-events:auto;opacity:1;visibility:visible}.card--nav-mobile,vanilla-card[variant=nav]{z-index:10000;opacity:0;visibility:hidden;flex-direction:column;width:280px;max-width:85vw;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s,visibility .3s;display:flex;position:fixed;top:45px;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.card--nav-mobile__nav{padding:var(--space-4);gap:var(--space-2);background:var(--glass-bg);flex-direction:column;flex:1;display:flex}.card--nav-mobile__item{align-items:center;display:flex}.card--nav-mobile__link{width:100%;padding:var(--space-4) var(--space-5);font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-text);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.card--nav-mobile__link:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(#d4af3726,#0000 70%);transition:opacity .2s;position:absolute;inset:0}.card--nav-mobile__link:hover:before{opacity:1}.card--nav-mobile__link:hover{color:var(--color-text);background:var(--glass-bg-gradient-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow);transform:translate(4px)}.card--nav-mobile__link--active{color:var(--brand-gold);background:linear-gradient(135deg,#ffd70026 0%,#ffd7000d 100%);border-color:#ffd7004d;font-weight:700;box-shadow:0 2px 8px #ffd7001a}.card--nav-mobile__link--active:before{opacity:1;background:radial-gradient(#ffd70033,#0000 70%)}.card--nav-mobile__link:after{content:"→";font-size:var(--text-xl);opacity:0;color:var(--brand-gold);transition:all .2s;transform:translate(-10px)}.card--nav-mobile__link:hover:after,.card--nav-mobile__link--active:after{opacity:1;transform:translate(0)}.card--nav-mobile__text{color:var(--color-text)}.card--nav-mobile__inner{flex-direction:column;min-height:100%;display:flex}.card--nav-mobile__footer{background:#ffffff0d;background:var(--glass-bg);border-top:1px solid #ffffff0f;border-top:1px solid var(--glass-border);padding:var(--space-4) var(--space-5);margin-top:auto}.card--nav-mobile__copyright{color:var(--color-text-muted);font-size:var(--text-xs);text-align:center;margin:0}.card--nav-mobile__theme{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.card--nav-mobile__theme-label{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.card--nav-mobile__theme-toggle{border-radius:var(--radius-md);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.card--nav-mobile__theme-toggle:hover{background:var(--card-bg-hover);border-color:var(--brand-gold)}.card--nav-mobile__theme-icon{width:20px;height:20px}.card--nav-mobile__theme-icon--sun{display:none}[data-theme=dark] .card--nav-mobile__theme-icon--sun{display:block}[data-theme=dark] .card--nav-mobile__theme-icon--moon{display:none}@media (width>=769px){.card--nav-mobile{display:none!important;transform:none!important}.mobile-nav-overlay{pointer-events:none!important;display:none!important}}.card--nav-mobile.card--nav-mobile--open,vanilla-card[variant=nav].card--nav-mobile--open{visibility:visible;opacity:1;display:flex;transform:translate(0)}body.mobile-menu-open{overflow-x:hidden}.card--footer,vanilla-card[variant=footer]{background:var(--color-bg-alt);border-top:1px solid var(--color-border);box-shadow:none;border-radius:0;margin-top:auto;padding:0}.body-card>.card--footer,.body-card>vanilla-card[variant=footer]{margin-left:calc(var(--space-6) * -1);margin-right:calc(var(--space-6) * -1);margin-bottom:calc(var(--space-6) * -1)}@media (width>=768px){.body-card>.card--footer,.body-card>vanilla-card[variant=footer]{margin-left:calc(var(--space-8) * -1);margin-right:calc(var(--space-8) * -1);margin-bottom:calc(var(--space-8) * -1)}}@media (width>=1024px){.body-card>.card--footer,.body-card>vanilla-card[variant=footer]{margin-left:calc(var(--space-10) * -1);margin-right:calc(var(--space-10) * -1);margin-bottom:calc(var(--space-10) * -1)}}.card--footer__inner{width:100%;max-width:1440px;padding-block:var(--space-10);margin:0 auto;padding-inline:0}@media (width>=640px){.card--footer__inner{padding-inline:0}}@media (width>=1024px){.card--footer__inner{padding-inline:0}}@media (width>=1280px){.card--footer__inner{padding-inline:0}}.card--footer--compact__inner{padding-block:var(--space-4)}@media (width>=768px){.card--footer--compact__inner{padding-block:var(--space-6)}}.card--footer__content{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.card--footer__section{gap:var(--space-3);flex-direction:column;display:flex}.card--footer__title{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:600}.card--footer__links{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.card--footer__links li{margin:0}.card--footer__links a{color:var(--color-text-muted);font-size:var(--text-base);transition:color var(--transition-fast), text-decoration var(--transition-fast);text-decoration:none}.card--footer__links a:hover{color:var(--brand-gold);text-decoration:underline}.card--footer__social{gap:var(--space-3);margin:0;padding:0;list-style:none;display:flex}.card--footer__social a{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text);transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.card--footer__social a:hover{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--neutral-900);text-decoration:none}.card--footer__social-icon{width:20px;height:20px}.card--footer__text{font-size:var(--text-sm);color:var(--color-text-muted);opacity:.8;margin:0}.card--footer__bottom{padding-top:var(--space-6);border-top:1px solid var(--color-border);text-align:center}.card--footer__bottom p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}@media (width<=768px){.card--footer__inner{padding-block:var(--space-8);padding-inline:var(--space-4)}.card--footer__content{gap:var(--space-6);grid-template-columns:1fr}.card--footer__section{gap:var(--space-2)}}@media (width<=640px){.card--footer__inner{padding-block:var(--space-6);padding-inline:var(--space-4)}.card--footer__title{font-size:var(--text-base)}.card--footer__links a{font-size:var(--text-sm)}}.card--notifications-container{gap:var(--spacing-sm,.75rem);z-index:9999;pointer-events:none;flex-direction:column;max-width:420px;display:flex;position:fixed;bottom:24px;right:24px}.card--notification{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md,1rem);padding:var(--spacing-lg,1.25rem) var(--spacing-xl,1.5rem);-webkit-backdrop-filter:blur(12px)saturate(180%);border-radius:var(--radius-xl,16px);opacity:0;pointer-events:auto;background:#ffffffd9;border:1px solid #ffffff4d;min-width:320px;max-width:420px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s,box-shadow .3s,background .3s;display:flex;position:relative;transform:scale(.9)translateY(10px);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #fff6}.card--notification--hidden{opacity:0;pointer-events:none;transform:scale(.9)translateY(10px)}.card--notification:not(.card--notification--hidden){opacity:1;transform:scale(1)translateY(0)}.card--notification--dismissing{opacity:0;pointer-events:none;transform:scale(.95)translateY(5px)}.card--notification:hover{box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f,inset 0 1px #ffffff80}.card--notification__content{flex:1;min-width:0;transition:opacity .3s}.card--notification__content--fading{opacity:0;transition:opacity .3s}.card--notification__content--fading-in{opacity:0;animation:.3s forwards notification-content-fade-in}@keyframes notification-content-fade-in{0%{opacity:0}to{opacity:1}}.card--notification__title{margin:0 0 var(--spacing-xs,.5rem) 0;font-size:var(--font-size-lg,1.0625rem);color:var(--color-text,#1a1a1a);font-weight:600;line-height:1.4}.card--notification__body{align-items:flex-start;gap:var(--spacing-sm,.75rem);display:flex}.card--notification__icon{width:20px;height:20px;color:var(--notification-icon-color,#666);flex-shrink:0;justify-content:center;align-items:center;display:flex}.card--notification__message{font-size:var(--font-size-base,.9375rem);color:var(--color-text,#1a1a1a);flex:1;margin:0;line-height:1.5}.card--notification__actions{gap:var(--spacing-sm,.5rem);margin-top:var(--spacing-md,1rem);flex-wrap:wrap;justify-content:flex-end;display:flex}.card--notification__action{padding:var(--spacing-sm,.625rem) var(--spacing-md,1rem);font-size:var(--font-size-sm,.875rem);border-radius:var(--radius-md,8px);cursor:pointer;border:none;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card--notification__action.btn--primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 8px #667eea4d}.card--notification__action.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #667eea80}.card--notification__action.btn--primary:active{transform:translateY(0);box-shadow:0 2px 6px #667eea4d}.card--notification__action.btn--primary:focus-visible{outline-offset:2px;outline:2px solid #667eea}.card--notification__action.btn--secondary{color:var(--color-text,#1a1a1a);background:#0000000d;border:1px solid #0000001a}.card--notification__action.btn--secondary:hover{background:#00000014;border-color:#0003;transform:translateY(-1px)}.card--notification__action.btn--secondary:active{background:#0000001a;transform:translateY(0)}.card--notification__action.btn--secondary:focus-visible{outline-offset:2px;outline:2px solid #667eea}.card--notification__action.btn--danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 8px #ef44444d}.card--notification__action.btn--danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ef444480}.card--notification__message a{color:#667eea;text-underline-offset:2px;font-weight:500;text-decoration:underline;transition:all .2s}.card--notification__message a:hover{color:#764ba2;text-decoration:none}.card--notification__message a:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #667eea}[data-theme=dark] .card--notification__message a{color:#a5b4fc}[data-theme=dark] .card--notification__message a:hover{color:#c7d2fe}.card--notification__close{border-radius:var(--radius-md,6px);cursor:pointer;width:28px;height:28px;color:var(--color-text-muted,#666);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-8px -8px 0 0;padding:6px;transition:all .2s;display:flex}.card--notification__close:hover{color:var(--color-text,#1a1a1a);background:#0000000d}.card--notification__close:active{transform:scale(.95)}.card--notification--cookie{--notification-icon-color:#8b5cf6;border-left:4px solid #8b5cf6}.card--notification--success{--notification-icon-color:#22c55e;border-left:4px solid #22c55e}.card--notification--error{--notification-icon-color:#ef4444;border-left:4px solid #ef4444}.card--notification--warning{--notification-icon-color:#f59e0b;border-left:4px solid #f59e0b}.card--notification--info{--notification-icon-color:#0ea5e9;border-left:4px solid #0ea5e9}[data-theme=dark] .card--notification{-webkit-backdrop-filter:blur(12px)saturate(180%);background:#1e1e1ebf;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff1a}[data-theme=dark] .card--notification:hover{box-shadow:0 12px 40px #0006,0 4px 12px #0000004d,inset 0 1px #ffffff26}[data-theme=dark] .card--notification__title,[data-theme=dark] .card--notification__message{color:var(--color-text-light,#f0f0f0)}[data-theme=dark] .card--notification__close{color:var(--color-text-muted-light,#999)}[data-theme=dark] .card--notification__close:hover{color:var(--color-text-light,#f0f0f0);background:#ffffff1a}[data-theme=dark] .card--notification__action.btn--secondary{color:var(--color-text-light,#f0f0f0);background:#ffffff1a;border:1px solid #fff3}[data-theme=dark] .card--notification__action.btn--secondary:hover{background:#ffffff26;border-color:#ffffff4d}[data-theme=dark] .card--notification__action.btn--secondary:active{background:#fff3}@media (width<=768px){.card--notifications-container{max-width:none;bottom:16px;left:16px;right:16px}.card--notification{min-width:auto;max-width:none;padding:var(--spacing-md,1rem)}.card--notification__title{font-size:var(--font-size-base,1rem)}.card--notification__message{font-size:var(--font-size-sm,.875rem)}.card--notification__actions{flex-direction:column}.card--notification__action{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.card--notification{transition:none;animation:none}.card--notification--hidden,.card--notification:not(.card--notification--hidden),.card--notification--dismissing{transform:none}}@media print{.card--notifications-container{display:none!important}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-inset-shadow);transition:background var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.glass--hover:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover), var(--glass-inset-shadow), var(--glass-glow);border-color:var(--glass-border-highlight)}.glass--strong{--glass-blur:blur(20px)}.glass--light{--glass-blur:blur(8px)}.glass--no-blur{-webkit-backdrop-filter:none}.glass--gold{--glass-bg:var(--glass-gold-bg);--glass-bg-hover:var(--glass-gold-bg-hover);--glass-border:var(--glass-gold-border);--glass-glow:var(--glass-gold-glow)}.glass--emerald{--glass-bg:var(--glass-emerald-bg);--glass-bg-hover:var(--glass-emerald-bg-hover);--glass-border:var(--glass-emerald-border);--glass-glow:var(--glass-emerald-glow)}.glass--ruby{--glass-bg:var(--glass-ruby-bg);--glass-bg-hover:var(--glass-ruby-bg-hover);--glass-border:var(--glass-ruby-border);--glass-glow:var(--glass-ruby-glow)}.glass--sapphire{--glass-bg:var(--glass-sapphire-bg);--glass-bg-hover:var(--glass-sapphire-bg-hover);--glass-border:var(--glass-sapphire-border);--glass-glow:var(--glass-sapphire-glow)}.glass--amethyst{--glass-bg:var(--glass-amethyst-bg);--glass-bg-hover:var(--glass-amethyst-bg-hover);--glass-border:var(--glass-amethyst-border);--glass-glow:var(--glass-amethyst-glow)}.glass-card{background:var(--glass-bg);min-width:0;min-height:0;-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow), var(--glass-inset-shadow);border-radius:var(--card-radius);padding:var(--card-padding);transition:background var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);flex-direction:column;display:flex;position:relative}.glass-card--hover:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover), var(--glass-inset-shadow), var(--glass-glow);border-color:var(--glass-border-highlight)}.glass-card--gold{--glass-bg:var(--glass-gold-bg);--glass-bg-hover:var(--glass-gold-bg-hover);--glass-border:var(--glass-gold-border);--glass-glow:var(--glass-gold-glow)}.glass-card--emerald{--glass-bg:var(--glass-emerald-bg);--glass-bg-hover:var(--glass-emerald-bg-hover);--glass-border:var(--glass-emerald-border);--glass-glow:var(--glass-emerald-glow)}.glass-card--ruby{--glass-bg:var(--glass-ruby-bg);--glass-bg-hover:var(--glass-ruby-bg-hover);--glass-border:var(--glass-ruby-border);--glass-glow:var(--glass-ruby-glow)}.glass-card--sapphire{--glass-bg:var(--glass-sapphire-bg);--glass-bg-hover:var(--glass-sapphire-bg-hover);--glass-border:var(--glass-sapphire-border);--glass-glow:var(--glass-sapphire-glow)}.glass-card--amethyst{--glass-bg:var(--glass-amethyst-bg);--glass-bg-hover:var(--glass-amethyst-bg-hover);--glass-border:var(--glass-amethyst-border);--glass-glow:var(--glass-amethyst-glow)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow)}.glass-overlay{-webkit-backdrop-filter:blur(20px);z-index:var(--z-modal);background:#000c;position:fixed;inset:0}[data-theme=dark] .glass,[data-theme=dark] .glass-card{--glass-bg:linear-gradient(135deg, #ffffff1a, #ffffff0d);--glass-bg-hover:linear-gradient(135deg, #ffffff26, #ffffff14);--glass-border:1px solid #ffffff26;--glass-inset-shadow:inset 0 1px 0 #ffffff26}vanilla-card[variant=actions],.card--actions{background:var(--cardboard-glass-bg);border:1px solid var(--cardboard-glass-border);border-radius:var(--cardboard-radius-lg);padding:var(--cardboard-card-padding-md);display:block}.card--actions__header{margin-bottom:var(--space-5)}.card--actions__title{font-size:var(--text-lg);color:var(--color-text);margin:0 0 var(--space-1) 0;font-weight:700}.card--actions__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.card--actions__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.card--actions__btn,.card--actions__button{padding:var(--space-5);border-radius:var(--radius-md);color:var(--color-text);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-3);background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff14;flex-direction:column;min-height:120px;text-decoration:none;display:flex}.card--actions__btn:hover,.card--actions__button:hover{background:linear-gradient(#ffffff1f,#ffffff0f);border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.card--actions__icon{font-size:var(--text-2xl);color:var(--brand-gold)}.card--actions__label{font-weight:600;font-size:var(--text-sm);text-align:center}.card-actions{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.card-actions__item{padding:var(--space-5);border-radius:var(--radius-md);color:var(--color-text);transition:all var(--transition-fast);background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;min-height:120px;text-decoration:none;display:flex}.card-actions__item:hover{background:linear-gradient(#ffffff1f,#ffffff0f);border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.card-actions__icon{font-size:var(--text-3xl);margin-bottom:var(--space-3);color:var(--brand-gold)}[data-theme=light] .card--actions__btn,[data-theme=light] .card--actions__button{background:linear-gradient(#0000000a,#00000005);border-color:#00000014}[data-theme=light] .card--actions__btn:hover,[data-theme=light] .card--actions__button:hover{background:linear-gradient(#00000014,#0000000a);border-color:#0000001f;box-shadow:0 4px 16px #00000014}[data-theme=light] .card-actions__item{background:linear-gradient(#0000000a,#00000005);border-color:#00000014}[data-theme=light] .card-actions__item:hover{background:linear-gradient(#00000014,#0000000a);border-color:#0000001f;box-shadow:0 4px 16px #00000014}vanilla-card[variant=chart],.card--chart{background:var(--cardboard-glass-bg);border:1px solid var(--cardboard-glass-border);border-radius:var(--cardboard-radius-lg);padding:var(--cardboard-card-padding-md);display:block}.card--chart__header{margin-bottom:var(--space-5)}.card--chart__title{font-size:var(--text-lg);color:var(--color-text);margin:0 0 var(--space-1) 0;font-weight:700}.card--chart__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.card--chart__container{height:var(--cardboard-chart-height-md);position:relative}.card--chart__canvas{width:100%;height:300px;position:relative}.card--chart__legend{gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}.card--chart__legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.card--chart__legend-color{border-radius:2px;width:12px;height:12px}@media (width<=480px){.card--chart__canvas{height:200px}}.card-flex{gap:var(--space-6);display:flex}.card-flex--column{flex-direction:column}.card-flex--row{flex-direction:row}.card-flex--wrap{flex-wrap:wrap}.card-flex-item{flex:0 auto}.card-flex-item--flex-1{flex:auto}.card-flex-item--flex-0{flex:none}.card-flex-item--grow{flex:1 0 auto}.card-flex-item--shrink{flex:0 auto}vanilla-card[variant=form],.card--form{background:var(--cardboard-glass-bg);border:1px solid var(--cardboard-glass-border);border-radius:var(--cardboard-radius-lg);padding:var(--cardboard-card-padding-lg);display:block}.card--form__header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid #ffffff0f}.card--form__header--clickable{cursor:pointer}.card--form__title{font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:700}.card--form__groups{gap:var(--space-5);flex-direction:column;display:flex}.card--form__group{margin-bottom:var(--space-5)}.card--form__label{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text);font-weight:600;display:block}.card--form__input,.card--form__textarea,.card--form__select{width:100%;padding:var(--space-3) var(--space-4);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--cardboard-radius-md);color:var(--color-text);font-size:var(--text-base);transition:all var(--cardboard-transition-fast)}.card--form__input:focus,.card--form__textarea:focus,.card--form__select:focus{border-color:var(--brand-gold);box-shadow:var(--cardboard-focus-ring);outline:none}.card--form__footer{gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid #ffffff0f;justify-content:flex-end;display:flex}.card--form--collapsed__groups{display:none!important}.card--form__toggle{transition:transform .2s}.card--form--collapsed__toggle{transform:rotate(-90deg)}[data-theme=light] .card--form{background:linear-gradient(#00000005,#0000);border-color:#00000014}[data-theme=light] .card--form__header,[data-theme=light] .card--form__footer{border-color:#00000014}*,:before,:after{box-sizing:border-box}.card-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.card-grid--3-col{grid-template-columns:repeat(3,1fr)}.card-grid--2-col-md{grid-template-columns:repeat(2,1fr)}}.card-grid--2-col{grid-template-columns:repeat(2,1fr)}@media (width<=639px){.card-grid--2-col{grid-template-columns:1fr}}@media (width>=640px){.card-grid--4-col{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.card-grid--4-col{grid-template-columns:repeat(4,1fr)}.card-grid--3-col-lg{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.card-grid--5-col{grid-template-columns:repeat(5,1fr)}}@media (width<=639px){.card--hide-content-mobile__body{display:none}}.card--responsive-stack{flex-direction:column}@media (width>=768px){.card--responsive-stack{flex-direction:row}}.card--responsive-padding{padding:var(--space-4)}@media (width>=768px){.card--responsive-padding{padding:var(--space-6)}}@media (width>=1024px){.card--responsive-padding{padding:var(--space-8)}}.container{width:100%;max-width:1440px;margin:0 auto;padding-block:var(--space-10)!important;padding-inline:var(--space-4)!important}@media (width>=640px){.container{padding-inline:var(--space-6)!important}}@media (width>=1024px){.container{padding-inline:var(--space-8)!important}}@media (width>=1280px){.container{padding-inline:var(--space-12)!important}}.grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (width>=1024px){.grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.grid{grid-template-columns:repeat(4,1fr)}}.card-container{width:100%;max-width:100%;padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}@media (width>=640px){.card-container--sm{max-width:640px}}@media (width>=768px){.card-container--md{max-width:768px}}@media (width>=1024px){.card-container--lg{max-width:1024px}}@media (width>=1280px){.card-container--xl{max-width:1280px}}vanilla-card[variant=list],.card--list{background:var(--cardboard-glass-bg);border:1px solid var(--cardboard-glass-border);border-radius:var(--cardboard-radius-lg);padding:var(--cardboard-card-padding-md);display:block;overflow:hidden}.card--list__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.card--list__title{font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:700}.card--list__action{font-size:var(--text-sm);color:var(--brand-gold);transition:all var(--transition-fast);font-weight:600;text-decoration:none}.card--list__action:hover{color:var(--brand-gold-light,#f5d56e)}.card--list__content{padding:var(--space-4)}.card--list__item{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);transition:all var(--transition-fast);color:var(--color-text);border-radius:var(--radius-md);background:linear-gradient(#ffffff08,#0000);align-items:center;text-decoration:none;list-style:none;display:flex}.card--list__item:hover{background:linear-gradient(#ffffff14,#ffffff0a);transform:translate(4px)}.card--list__item:last-child{margin-bottom:0}.card--list__item-content{flex:1;min-width:0}.card--list__item-title{font-weight:600;font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin:0 0 var(--space-1) 0;overflow:hidden}.card--list__item-meta{gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;font-weight:500;display:flex}.card--list__item-meta-item{font-size:var(--text-xs);color:var(--color-text-muted)}.card--list__item-actions{gap:var(--space-2);margin-top:var(--space-3);flex-shrink:0;display:flex}.card--list--grid{gap:var(--space-2);grid-template-columns:1fr;display:grid}@media (width>=768px){.card--list--grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.card--list--grid{grid-template-columns:repeat(3,1fr)}}.card--list--grid .card--list__item{margin-bottom:0}.card--list--grid .card--list__item:hover{transform:none}vanilla-card[variant=reactions],.card--reactions{background:var(--cardboard-glass-bg);border:1px solid var(--cardboard-glass-border);border-radius:var(--cardboard-radius-lg);padding:var(--cardboard-card-padding-md);display:block}.card--reactions__item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid #ffffff0a;display:flex}.card--reactions__item:last-child{border-bottom:none}.card--reactions__icon{font-size:var(--text-xl);flex-shrink:0}.card--reactions__info{flex:1;min-width:0}.card--reactions__count{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.card--reactions__label{font-size:var(--text-xs);color:var(--color-text-muted)}.card--reactions__bar{border-radius:var(--radius-full);width:100%;height:6px;margin-top:var(--space-1);background:#ffffff0d;overflow:hidden}.card--reactions__bar-fill{background:var(--brand-gold);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}vanilla-card[variant=stats],.card--stats{background:var(--cardboard-glass-bg);border:1px solid var(--cardboard-glass-border);border-radius:var(--cardboard-radius-lg);padding:var(--cardboard-card-padding-md);transition:all var(--cardboard-transition-fast);box-sizing:border-box;flex-direction:column;align-items:flex-start;width:100%;display:flex;position:relative;overflow:hidden}vanilla-card[variant=stats]:hover,.card--stats:hover{background:var(--cardboard-glass-bg-hover);border-color:var(--cardboard-glass-border-hover);box-shadow:var(--cardboard-shadow-lg);transform:translateY(-2px)}.card--stats__icon{width:var(--cardboard-icon-size-lg);height:var(--cardboard-icon-size-lg);border-radius:var(--cardboard-radius-md);background:var(--cardboard-icon-bg-gold);border:1px solid var(--cardboard-icon-border-gold);margin-bottom:var(--space-3);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff1a}.card--stats__icon svg{width:28px;height:28px}.card--stats__value{font-size:var(--stats-value-size-desktop);font-weight:var(--stats-value-weight);line-height:var(--stats-value-line-height);letter-spacing:var(--stats-value-letter-spacing);color:var(--color-text);margin:0}.card--stats__label{font-size:var(--stats-label-size);font-weight:var(--stats-label-weight);color:var(--stats-label-color);text-transform:var(--stats-label-text-transform);letter-spacing:var(--stats-label-letter-spacing);margin:var(--space-1) 0 0 0}.card--stats__trend{font-size:var(--stats-trend-size);font-weight:var(--stats-trend-weight);align-items:center;gap:var(--space-1);display:inline-flex}.card--stats__trend--positive{color:var(--stats-trend-positive)}.card--stats__trend--negative{color:var(--stats-trend-negative)}.card--stats__trend--neutral{color:var(--stats-trend-neutral)}.card--stats__icon--gold{background:var(--cardboard-icon-bg-gold);border-color:var(--cardboard-icon-border-gold)}.card--stats__icon--emerald{background:var(--cardboard-icon-bg-emerald);border-color:var(--cardboard-icon-border-emerald)}.card--stats__icon--sapphire{background:var(--cardboard-icon-bg-sapphire);border-color:var(--cardboard-icon-border-sapphire)}.card--stats__icon--amethyst{background:var(--cardboard-icon-bg-amethyst);border-color:var(--cardboard-icon-border-amethyst)}.card--stats__icon--ruby{background:var(--cardboard-icon-bg-ruby);border-color:var(--cardboard-icon-border-ruby)}.card--stats__icon--topaz{background:var(--cardboard-icon-bg-topaz);border-color:var(--cardboard-icon-border-topaz)}.card--stats__body{align-items:center;gap:var(--space-4);transition:opacity var(--cardboard-transition-fast);display:flex}.card--stats__body--loading{opacity:.5;pointer-events:none}.card--stats__content{flex:1}.card--stats--clickable{color:inherit;cursor:pointer;text-decoration:none}.card--stats--clickable:hover{transform:translateY(-2px)}[data-theme=light] .card--stats{background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=light] .card--stats:hover{border-color:#0000001f;box-shadow:0 8px 24px #00000014}vanilla-card[variant=table],.card--table{background:var(--cardboard-glass-bg);border:1px solid var(--cardboard-glass-border);border-radius:var(--cardboard-radius-lg);padding:var(--cardboard-card-padding-md);display:block;overflow:hidden}.card--table__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.card--table__title{font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:700}.card--table__actions{gap:var(--space-3);display:flex}.card--table__wrapper{overflow-x:auto}.card--table table{border-collapse:collapse;width:100%}.card--table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--cardboard-glass-border);font-weight:600}.card--table td{padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text);border-bottom:1px solid #ffffff08}.card--table tr:last-child td{border-bottom:none}.card--table tr:hover td{background:var(--cardboard-glass-bg-hover)}.card--table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.card--table th.sortable:hover{background:#ffffff0d}.card--table th.sortable a{align-items:center;gap:var(--space-1);color:inherit;text-decoration:none;display:inline-flex}.card--table th.sortable a:hover{color:var(--color-text)}.sort-indicator{font-size:var(--text-xs);opacity:.5}.sort-indicator--none{opacity:.3}.sorted-asc .sort-indicator,.sorted-desc .sort-indicator{opacity:1;color:var(--brand-gold)}.card--table__footer{padding:var(--space-4) var(--space-6);background:#ffffff05;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.card--table__info{font-size:var(--text-sm);color:var(--color-text-muted)}.card--table__pagination{gap:var(--space-2);display:flex}[data-theme=light] .card--table{background:linear-gradient(#00000005,#0000);border-color:#00000014}[data-theme=light] .card--table__footer{background:#00000005}[data-theme=light] .card--table__header,[data-theme=light] .card--table th{border-color:#00000014}[data-theme=light] .card--table td{border-color:#0000000a}[data-theme=light] .card--table tr:hover td{background:#00000005}.card--viewport{background:var(--neutral-950);border:none;border-radius:0;place-items:center;width:100vw;min-height:100vh;margin:0 calc(50% - 50vw);padding:0;display:grid;position:relative;overflow:hidden}.card--viewport__background{z-index:0;position:absolute;inset:0;overflow:hidden}.card--viewport__bg-image,.card--viewport__bg-video{object-fit:cover;opacity:.6;width:100%;height:100%}.card--viewport__bg-gradient{background:linear-gradient(135deg, var(--brand-gold) 0%, var(--brand-amethyst) 50%, var(--brand-sapphire) 100%);opacity:.8;position:absolute;inset:0}.card--viewport__overlay{z-index:1;-webkit-backdrop-filter:blur(10px);background:#0009;position:absolute;inset:0}.card--viewport__overlay--light{background:#fffc}.card--viewport__overlay--dark{background:#000c}.card--viewport__container{z-index:2;min-height:calc(100vh - 100px);max-width:var(--width-max,1440px);width:var(--width-content,90%);flex-direction:column;margin:0 auto;padding:3em 0;display:flex;position:relative}.card--viewport__top{flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:3em;margin-bottom:3em;display:flex}.card--viewport__text{flex-direction:column;flex:3;gap:3em;display:flex}.card--viewport__headlines{line-height:1.1}.card--viewport__headlines .card--viewport__title,.card--viewport__headlines-title{color:var(--color-text-brand,var(--brand-gold));margin:0!important;font-size:clamp(2.5rem,5vw,4rem)!important}.card--viewport__custom{flex:2;width:100%}.card--viewport__bottom{border-top:1px solid var(--color-border);align-items:center;width:100%;display:flex}.card--viewport__scroll-link{width:100%;color:var(--color-text);font-family:var(--font-title,sans-serif);font-size:var(--font-size-secondary,.875rem);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background-color .2s;display:block}.card--viewport__scroll-link:hover{background-color:var(--color-bg-hover)}.card--viewport__scroll-text{padding:3em 0;display:inline-block}.card--viewport__scroll-text,.card--viewport__scroll-text--hover{padding:3em 2em}.card--viewport__scroll-icon{-webkit-user-select:none;user-select:none;width:24px;height:24px;transition:transform .2s}.card--viewport__scroll-icon,.card--viewport__scroll-icon--animated{transform:translateY(4px)}@media (orientation:portrait){.card--viewport__top{flex-direction:column;padding:5em 0}.card--viewport__text{width:100%;margin:0 1em}.card--viewport__custom{width:100%;max-width:90vw}.card--viewport__buttons{flex-direction:column;align-items:flex-start;gap:1em}.card--viewport__bottom{padding:3em 1em}}.card--viewport__custom-content{width:100%}.card--viewport__custom-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);color:var(--color-text)}.card--viewport__custom-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.card--viewport__custom-grid--stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card--viewport__content{z-index:2;max-width:1200px;padding:var(--space-8);text-align:center;color:var(--neutral-0);position:relative}.card--viewport__content--left{text-align:left}.card--viewport__content--right{text-align:right}.card--viewport__title{margin:0 0 var(--space-4);font-size:clamp(2.5rem,5vw,5rem);font-weight:var(--font-bold);letter-spacing:-.02em;line-height:1.1}.card--viewport__subtitle{margin:0 0 var(--space-6);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:var(--font-normal);color:var(--neutral-300);line-height:1.5}.card--viewport__description{margin:0 0 var(--space-8);color:var(--neutral-400);max-width:600px;margin-left:auto;margin-right:auto;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7}.card--viewport__actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.card--viewport__button{justify-content:center;align-items:center;gap:var(--space-2);height:56px;padding:0 var(--space-8);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-full);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);cursor:pointer;text-decoration:none;display:inline-flex}.card--viewport__button--primary{background:var(--brand-gold);color:var(--neutral-900);border:none}.card--viewport__button--primary:hover{background:#e5c145;transform:translateY(-2px);box-shadow:0 8px 24px #d4af3766}.card--viewport__button--secondary{color:var(--neutral-0);border:1px solid var(--neutral-600);background:0 0}.card--viewport__button--secondary:hover{border-color:var(--neutral-400);background:#ffffff1a;transform:translateY(-2px)}.card--viewport__scroll-indicator{bottom:var(--space-8);z-index:2;align-items:center;gap:var(--space-2);color:var(--neutral-400);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;flex-direction:column;animation:2s ease-in-out infinite viewport-bounce;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes viewport-bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.card--viewport__scroll-icon{width:24px;height:24px}.card--viewport--dark{background:var(--neutral-950)}.card--viewport--dark .card--viewport__content,.card--viewport--dark__content{color:var(--neutral-0)}.card--viewport--light{background:var(--neutral-50)}.card--viewport--light .card--viewport__content,.card--viewport--light__content{color:var(--neutral-900)}.card--viewport--light .card--viewport__subtitle,.card--viewport--light .card--viewport__description,.card--viewport--light__subtitle,.card--viewport--light__description{color:var(--neutral-600)}.card--viewport--gradient{background:linear-gradient(135deg, var(--brand-gold) 0%, var(--brand-amethyst) 50%, var(--brand-sapphire) 100%)}.card--viewport--video,.card--viewport--image{background:var(--neutral-950)}@media (width<=768px){.card--viewport__content{padding:var(--space-6)}.card--viewport__actions{flex-direction:column;align-items:center}.card--viewport__button{width:100%;max-width:300px}.card--viewport__scroll-indicator{display:none}}@media (width<=480px){.card--viewport__title{font-size:clamp(2rem,8vw,3rem)}.card--viewport__subtitle{font-size:clamp(1rem,4vw,1.25rem)}}@media (prefers-reduced-motion:reduce){.card--viewport__scroll-indicator{animation:none}.card--viewport__button{transition:none}}.card--viewport__button:focus-visible{outline:2px solid var(--brand-gold);outline-offset:4px}.variant-gold-bg{background:#d4af371a}.variant-gold-bg-light{background:#d4af370d}.variant-gold-bg-medium{background:#d4af3726}.variant-gold-bg-strong{background:#d4af3733}.variant-emerald-bg{background:#10b9811a}.variant-emerald-bg-light{background:#10b9810d}.variant-emerald-bg-medium{background:#10b98126}.variant-emerald-bg-strong{background:#10b98133}.variant-ruby-bg{background:#ef44441a}.variant-ruby-bg-light{background:#ef44440d}.variant-ruby-bg-medium{background:#ef444426}.variant-ruby-bg-strong{background:#ef444433}.variant-sapphire-bg{background:#0891b21a}.variant-sapphire-bg-light{background:#0891b20d}.variant-sapphire-bg-medium{background:#0891b226}.variant-sapphire-bg-strong{background:#0891b233}.variant-amethyst-bg{background:#7c3aed1a}.variant-amethyst-bg-light{background:#7c3aed0d}.variant-amethyst-bg-medium{background:#7c3aed26}.variant-amethyst-bg-strong{background:#7c3aed33}.variant-gold-border{border-color:#d4af374d}.variant-emerald-border{border-color:#10b9814d}.variant-ruby-border{border-color:#ef44444d}.variant-sapphire-border{border-color:#0891b24d}.variant-amethyst-border{border-color:#7c3aed4d}.variant-gold-text{color:var(--brand-gold)}[data-theme=dark] .variant-gold-text{color:var(--brand-gold-light)}.variant-emerald-text{color:var(--brand-emerald)}[data-theme=dark] .variant-emerald-text{color:var(--brand-emerald-light)}.variant-ruby-text{color:var(--brand-ruby)}[data-theme=dark] .variant-ruby-text{color:var(--brand-ruby-light)}.variant-sapphire-text{color:var(--brand-sapphire)}[data-theme=dark] .variant-sapphire-text{color:var(--brand-sapphire-light)}.variant-amethyst-text{color:var(--brand-amethyst)}[data-theme=dark] .variant-amethyst-text{color:var(--brand-amethyst-light)}.variant-gold-glow{box-shadow:0 0 24px #d4af3740}.variant-emerald-glow{box-shadow:0 0 24px #10b98140}.variant-ruby-glow{box-shadow:0 0 24px #ef444440}.variant-sapphire-glow{box-shadow:0 0 24px #0891b240}.variant-amethyst-glow{box-shadow:0 0 24px #7c3aed40}.variant-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.variant-icon-gold{color:var(--brand-gold);background:#d4af371a;border:1px solid #d4af374d;justify-content:center;align-items:center;display:inline-flex}[data-theme=dark] .variant-icon-gold{color:#f9d96e;background:#d4af3733;border-color:#d4af3780}.variant-icon-emerald{color:var(--brand-emerald);background:#10b9811a;border:1px solid #10b9814d;justify-content:center;align-items:center;display:inline-flex}[data-theme=dark] .variant-icon-emerald{color:#34d399;background:#10b98133;border-color:#10b98180}.variant-icon-ruby{color:var(--brand-ruby);background:#ef44441a;border:1px solid #ef44444d;justify-content:center;align-items:center;display:inline-flex}[data-theme=dark] .variant-icon-ruby{color:#f87171;background:#ef444433;border-color:#ef444480}.variant-icon-sapphire{color:var(--brand-sapphire);background:#0891b21a;border:1px solid #0891b24d;justify-content:center;align-items:center;display:inline-flex}[data-theme=dark] .variant-icon-sapphire{color:#22d3ee;background:#0891b233;border-color:#0891b280}.variant-icon-amethyst{color:var(--brand-amethyst);background:#7c3aed1a;border:1px solid #7c3aed4d;justify-content:center;align-items:center;display:inline-flex}[data-theme=dark] .variant-icon-amethyst{color:#a78bfa;background:#7c3aed33;border-color:#7c3aed80}.variant-gradient-gold{background:linear-gradient(135deg, var(--brand-gold), #d4af37cc)}.variant-gradient-emerald{background:linear-gradient(135deg, var(--brand-emerald), #10b981cc)}.variant-gradient-ruby{background:linear-gradient(135deg, var(--brand-ruby), #ef4444cc)}.variant-gradient-sapphire{background:linear-gradient(135deg, var(--brand-sapphire), #0891b2cc)}.variant-gradient-amethyst{background:linear-gradient(135deg, var(--brand-amethyst), #7c3aedcc)}.variant-progress-gold{background:linear-gradient(90deg, var(--brand-gold), #f9d96e)}.variant-progress-emerald{background:linear-gradient(90deg, var(--brand-emerald), #34d399)}.variant-progress-ruby{background:linear-gradient(90deg, var(--brand-ruby), #f87171)}.variant-progress-sapphire{background:linear-gradient(90deg, var(--brand-sapphire), #22d3ee)}.variant-progress-amethyst{background:linear-gradient(90deg, var(--brand-amethyst), #c084fc)}.variant-badge-gold{color:var(--brand-gold);background:#d4af371a;border:1px solid #d4af3733}.variant-badge-emerald{color:var(--color-success);background:#22c55e1a;border:1px solid #22c55e33}.variant-badge-ruby{color:var(--color-error);background:#ef44441a;border:1px solid #ef444433}.variant-badge-sapphire{color:var(--brand-sapphire);background:#0891b21a;border:1px solid #0891b233}.variant-badge-amethyst{color:var(--brand-amethyst);background:#7c3aed1a;border:1px solid #7c3aed33}.cookie-consent{background:var(--color-surface,#fff);width:calc(100% - 40px);max-width:600px;padding:var(--spacing-lg,1.5rem);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-lg,0 10px 40px #00000026);z-index:10000;opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(100%)}.cookie-consent--hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(100%)}.cookie-consent:not(.cookie-consent--hidden){opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.cookie-consent__content{gap:var(--spacing-md,1rem);flex-direction:column;display:flex}.cookie-consent__title{font-size:var(--font-size-lg,1.125rem);color:var(--color-text,#1a1a1a);margin:0;font-weight:600}.cookie-consent__description{font-size:var(--font-size-base,1rem);color:var(--color-text-muted,#666);margin:0;line-height:1.6}.cookie-consent__actions{gap:var(--spacing-sm,.75rem);justify-content:flex-end;display:flex}@media (width<=768px){.cookie-consent{width:calc(100% - 20px);padding:var(--spacing-md,1rem);bottom:10px}.cookie-consent__actions{flex-direction:column}.cookie-consent__actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.cookie-consent{transition:none}}[data-theme=dark] .cookie-consent{background:var(--color-surface-dark,#2a2a2a);box-shadow:0 10px 40px #0006}[data-theme=dark] .cookie-consent__title{color:var(--color-text-light,#fff)}[data-theme=dark] .cookie-consent__description{color:var(--color-text-muted-light,#ccc)}@media (width<=767px){.hide-on-mobile{display:none!important}}@media (width>=768px) and (width<=1023px){.hide-on-tablet{display:none!important}}@media (width>=1024px){.hide-on-desktop{display:none!important}}@media (width>=768px){.show-only-mobile{display:none!important}}@media (width<=767px),(width>=1024px){.show-only-tablet{display:none!important}}@media (width<=1023px){.show-only-desktop{display:none!important}}.pad-responsive{padding:var(--space-2) var(--space-3)}@media (width>=768px){.pad-responsive{padding:var(--space-3) var(--space-4)}}@media (width>=1024px){.pad-responsive{padding:var(--space-4) var(--space-6)}}.pad-responsive-sm{padding:var(--space-1) var(--space-2)}@media (width>=768px){.pad-responsive-sm{padding:var(--space-2) var(--space-3)}}@media (width>=1024px){.pad-responsive-sm{padding:var(--space-3) var(--space-4)}}.pad-responsive-lg{padding:var(--space-3) var(--space-4)}@media (width>=768px){.pad-responsive-lg{padding:var(--space-4) var(--space-6)}}@media (width>=1024px){.pad-responsive-lg{padding:var(--space-6) var(--space-8)}}.pad-header{padding-inline:var(--space-3);padding-block:var(--space-2)}@media (width>=768px){.pad-header{padding-inline:var(--space-4);padding-block:var(--space-3)}}@media (width>=1024px){.pad-header{padding-inline:var(--space-6);padding-block:var(--space-4)}}.pad-section{padding:var(--space-8) var(--space-4)}@media (width>=640px){.pad-section{padding:var(--space-10) var(--space-6)}}@media (width>=1024px){.pad-section{padding:var(--space-12) var(--space-8)}}@media (width>=1280px){.pad-section{padding:var(--space-16) var(--space-12)}}.pad-container{padding-inline:var(--space-4)}@media (width>=640px){.pad-container{padding-inline:var(--space-6)}}@media (width>=1024px){.pad-container{padding-inline:var(--space-8)}}@media (width>=1280px){.pad-container{padding-inline:var(--space-12)}}.pad-card-sm{padding:var(--space-4)}@media (width>=768px){.pad-card-sm{padding:var(--space-5)}}.pad-card{padding:var(--space-6)}@media (width>=768px){.pad-card{padding:var(--space-8)}}.pad-card-lg{padding:var(--space-8)}@media (width>=768px){.pad-card-lg{padding:var(--space-10)}}.pad-x-sm{padding-inline:var(--space-2)}.pad-x{padding-inline:var(--space-4)}.pad-x-lg{padding-inline:var(--space-6)}.pad-x-xl{padding-inline:var(--space-8)}.pad-y-sm{padding-block:var(--space-2)}.pad-y{padding-block:var(--space-4)}.pad-y-lg{padding-block:var(--space-6)}.pad-y-xl{padding-block:var(--space-8)}.container-sm{width:100%;max-width:640px;margin-inline:auto}.container-md{width:100%;max-width:768px;margin-inline:auto}.container-lg{width:100%;max-width:1024px;margin-inline:auto}.container-xl{width:100%;max-width:1280px;margin-inline:auto}.container-2xl{width:100%;max-width:1440px;margin-inline:auto}.container-fluid{width:100%;padding-inline:var(--space-4)}@media (width>=640px){.container-fluid{padding-inline:var(--space-6)}}@media (width>=1024px){.container-fluid{padding-inline:var(--space-8)}}.pad-footer{padding-block:var(--space-10);padding-inline:var(--space-4)}@media (width>=640px){.pad-footer{padding-inline:var(--space-6)}}@media (width>=1024px){.pad-footer{padding-inline:var(--space-8)}}@media (width>=1280px){.pad-footer{padding-inline:var(--space-12)}}.pad-auth{padding:var(--space-5)}@media (width>=480px){.pad-auth{padding:var(--space-8)}}.action-card__body{width:100%}.action-card__group{margin-bottom:var(--space-4)}.action-card__group:last-child{margin-bottom:0}.action-card__label{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);display:block}.action-card__input{width:100%;height:var(--action-input-height);padding:0 var(--space-4);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--action-input-radius);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.action-card__input::placeholder{color:var(--color-text-muted)}.action-card__input:focus{border-color:var(--input-focus-border);outline:none;box-shadow:0 0 0 3px #d4af371a}.action-card__input:disabled{opacity:.5;cursor:not-allowed}.action-card__textarea{min-height:120px;padding:var(--space-3) var(--space-4);resize:vertical}.action-card__actions{align-items:center;gap:var(--space-3);margin-top:var(--space-6);display:flex}.action-card__button{justify-content:center;align-items:center;gap:var(--space-2);height:var(--action-button-height);padding:0 var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--action-input-radius);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;display:inline-flex}.action-card__button--primary{background:var(--brand-gold);color:var(--neutral-900)}.action-card__button--primary:hover{background:#e5c145;transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.action-card__button--secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.action-card__button--secondary:hover{background:var(--card-bg-hover);border-color:var(--color-border-hover)}.action-card__button:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-card__success{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-success);background:linear-gradient(#22c55e1a,#0000);display:flex}.action-card__error{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);background:linear-gradient(#ef44441a,#0000);display:flex}.action-card__helper{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.action-card__helper--error{color:var(--color-error)}.navbar{align-items:center;width:100%;display:flex;position:sticky;top:0}.navbar__container{justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}.navbar__brand,.navbar__nav{align-items:center;display:flex}.navbar__links{align-items:center;margin:0;padding:0;list-style:none;display:flex}.navbar__actions{align-items:center;display:flex}.navbar__toggle{display:none}@media (width<=768px){.navbar__toggle{display:block}.navbar__nav{flex-direction:column;position:fixed}}.theme-toggle{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.theme-toggle__icon{position:absolute}.card--case-study{text-align:center;--card-case-study-accent:var(--brand-gold);--card-case-study-metric-color:var(--brand-gold);--card-case-study-cta-bg:var(--brand-gold);--card-case-study-cta-color:var(--neutral-900);--card-case-study-change-positive:var(--color-success);--card-case-study-change-negative:var(--color-error)}.card--case-study__header{padding:var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.card--case-study__logo{object-fit:contain;opacity:.8;max-width:120px;max-height:60px;transition:opacity var(--transition-fast)}.card--case-study__logo:hover{opacity:1}.card--case-study__title{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text)}.card--case-study__subtitle{margin:0 0 var(--space-6);font-size:var(--text-base);color:var(--color-text-muted)}.card--case-study__metrics{gap:var(--space-4);margin:0 0 var(--space-6);padding:var(--space-4);background:var(--card-bg-hover);border-radius:var(--radius-lg);grid-template-columns:repeat(3,1fr);display:grid}.card--case-study__metric{flex-direction:column;align-items:center;display:flex}.card--case-study__metric-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--card-case-study-metric-color);margin:0;line-height:1}.card--case-study__metric-label{margin:var(--space-2) 0 0;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.card--case-study__metric-change{align-items:center;gap:var(--space-1);margin-top:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);display:inline-flex}.card--case-study__metric-change--positive{background:#22c55e1a;background:color-mix(in srgb, var(--card-case-study-change-positive) 10%, transparent);color:var(--card-case-study-change-positive)}.card--case-study__metric-change--negative{background:#ef44441a;background:color-mix(in srgb, var(--card-case-study-change-negative) 10%, transparent);color:var(--card-case-study-change-negative)}.card--case-study__description{margin:0 0 var(--space-6);font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed)}.card--case-study__list{margin:0 0 var(--space-6);text-align:left;padding:0;list-style:none}.card--case-study__list-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-base);color:var(--color-text-muted);display:flex}.card--case-study__list-item:before{content:"✓";background:var(--card-case-study-change-positive);width:20px;height:20px;color:var(--neutral-0);font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.card--case-study__footer{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.card--case-study__cta{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--card-case-study-cta-bg);color:var(--card-case-study-cta-color);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;display:inline-flex}.card--case-study__cta:hover{box-shadow:0 4px 12px #f9d96e4d;box-shadow:0 4px 12px color-mix(in srgb, var(--card-case-study-cta-bg) 30%, transparent);transform:translateY(-2px)}@media (width<=640px){.card--case-study__metrics{gap:var(--space-3);grid-template-columns:1fr}.card--case-study__metric-value{font-size:var(--text-2xl)}}.card--client{text-align:center;--card-client-quote-color:var(--brand-gold);--card-client-avatar-border:var(--brand-gold);--card-client-rating-color:var(--brand-gold)}.card--client__logo-wrapper{padding:var(--space-4);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.card--client__logo{object-fit:contain;opacity:.7;max-width:150px;max-height:80px;transition:opacity var(--transition-fast);filter:grayscale()}.card--client__logo:hover{opacity:1;filter:grayscale(0%)}.card--client__quote{margin:0 0 var(--space-4);padding:0 var(--space-4);font-size:var(--text-lg);color:var(--color-text);font-style:italic;line-height:var(--leading-relaxed);position:relative}.card--client__quote:before{content:"\"";color:var(--card-client-quote-color);font-family:Georgia,serif;font-size:60px;line-height:1;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.card--client__author{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.card--client__avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--card-client-avatar-border);width:60px;height:60px}.card--client__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.card--client__role{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.card--client__rating{justify-content:center;align-items:center;gap:var(--space-1);margin:var(--space-3) 0;display:flex}.card--client__star{width:20px;height:20px;color:var(--card-client-rating-color)}.card--client__star--empty{color:var(--color-border)}.card--client__project{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--card-bg-hover);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);display:inline-flex}.card--client--compact{padding:var(--space-4)}.card--client--compact__logo-wrapper{margin-bottom:var(--space-2);padding:var(--space-2)}.card--client--compact__quote{display:none}.card--client--compact__author{gap:var(--space-3);flex-direction:row}.card--client--compact__avatar{width:40px;height:40px}.card--client--featured{border-color:var(--brand-gold);background:linear-gradient(#d4af370d,#0000)}@media (width<=640px){.card--client__quote{font-size:var(--text-base);padding:0 var(--space-2)}.card--client__quote:before{font-size:40px;top:-15px}}.card--fullscreen{z-index:99999;opacity:0;visibility:hidden;background:#000000f2;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0;overflow:hidden}.card--fullscreen--active{opacity:1;visibility:visible}.card--fullscreen[hidden]{display:none}.card--fullscreen__close{top:var(--space-4);right:var(--space-4);z-index:10;border-radius:var(--radius-full);width:48px;height:48px;color:var(--neutral-0);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;font-size:28px;font-weight:300;line-height:1;display:inline-flex;position:absolute}.card--fullscreen__close:hover{background:#fff3;transform:scale(1.1)}.card--fullscreen__close:active{transform:scale(.95)}.card--fullscreen__close svg{width:24px;height:24px}.card--fullscreen__content{width:100%;height:100%;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative}.card--fullscreen__media{object-fit:contain;border-radius:var(--radius-lg);max-width:90vw;max-height:90vh;box-shadow:0 20px 60px #00000080}.card--fullscreen__media--zoomed{cursor:grab;max-width:none;max-height:none}.card--fullscreen__media--zoomed:active{cursor:grabbing}.card--fullscreen__nav{z-index:10;border-radius:var(--radius-full);width:56px;height:56px;color:var(--neutral-0);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;font-size:32px;font-weight:300;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.card--fullscreen__nav:hover{background:#fff3;transform:translateY(-50%)scale(1.1)}.card--fullscreen__nav:active{transform:translateY(-50%)scale(.95)}.card--fullscreen__nav:disabled{opacity:.3;cursor:not-allowed}.card--fullscreen__nav:disabled:hover{background:#ffffff1a;transform:translateY(-50%)}.card--fullscreen__nav--prev{left:var(--space-4)}.card--fullscreen__nav--next{right:var(--space-4)}.card--fullscreen__thumbnails{bottom:var(--space-4);z-index:10;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);scrollbar-width:thin;scrollbar-color:var(--brand-gold) transparent;background:#000c;max-width:90vw;display:flex;position:absolute;left:50%;overflow-x:auto;transform:translate(-50%)}.card--fullscreen__thumbnail{border-radius:var(--radius-md);cursor:pointer;opacity:.6;width:60px;height:60px;transition:opacity var(--transition-fast), transform var(--transition-fast);border:2px solid #0000;flex-shrink:0;overflow:hidden}.card--fullscreen__thumbnail:hover{opacity:1;transform:scale(1.05)}.card--fullscreen__thumbnail--active{opacity:1;border-color:var(--brand-gold)}.card--fullscreen__thumbnail img{object-fit:cover;width:100%;height:100%}.card--fullscreen__caption{bottom:var(--space-4);z-index:10;max-width:600px;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);text-align:center;background:#000c;position:absolute;left:50%;transform:translate(-50%)}.card--fullscreen__caption-title{margin:0 0 var(--space-1);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-0)}.card--fullscreen__caption-description{font-size:var(--text-sm);color:var(--neutral-400);margin:0}.card--fullscreen__loader{border:3px solid #ffffff1a;border-top-color:var(--brand-gold);border-radius:50%;width:48px;height:48px;animation:1s linear infinite fullscreen-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fullscreen-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.card--fullscreen__counter{top:var(--space-4);left:var(--space-4);z-index:10;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-400);-webkit-backdrop-filter:blur(10px);background:#000c;position:absolute}@media (width<=768px){.card--fullscreen__close{top:var(--space-2);right:var(--space-2);width:40px;height:40px}.card--fullscreen__nav{width:44px;height:44px;font-size:24px}.card--fullscreen__nav--prev{left:var(--space-2)}.card--fullscreen__nav--next{right:var(--space-2)}.card--fullscreen__thumbnails{bottom:var(--space-2)}.card--fullscreen__thumbnail{width:50px;height:50px}.card--fullscreen__caption{left:var(--space-2);right:var(--space-2);max-width:none;transform:none}}.card--fullscreen:focus-visible{outline:2px solid var(--brand-gold);outline-offset:4px}@media (prefers-reduced-motion:reduce){.card--fullscreen,.card--fullscreen__close,.card--fullscreen__nav,.card--fullscreen__thumbnail{transition:none}.card--fullscreen__loader{animation-duration:2s}}.card--project,vanilla-card[variant=project]{--card-project-accent:var(--brand-gold);--card-project-badge-bg:var(--brand-gold);--card-project-badge-color:var(--neutral-900);--card-project-link-color:var(--brand-gold);overflow:visible}.card--project__image-wrapper{margin:calc(var(--card-padding) * -1) calc(var(--card-padding) * -1) 0;border-top-left-radius:var(--card-radius);border-top-right-radius:var(--card-radius);aspect-ratio:16/9;position:relative;overflow:hidden}.card--project__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);display:block}div.card--project__image{margin:calc(var(--card-padding) * -1) calc(var(--card-padding) * -1) 0;border-top-left-radius:var(--card-radius);border-top-right-radius:var(--card-radius);aspect-ratio:16/9;position:relative;overflow:hidden}div.card--project__image img{object-fit:cover;width:100%;height:100%;display:block}.card--project--interactive:hover .card--project__image{transform:scale(1.05)}.card--project__badge{top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--card-project-badge-bg);color:var(--card-project-badge-color);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;display:inline-flex;position:absolute}.card--project__category{top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);color:var(--neutral-0);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background:#000000b3;align-items:center;display:inline-flex;position:absolute}.card--project__body{padding-top:var(--space-4)}.card--project__title{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);line-height:var(--leading-tight)}.card--project__description{margin:0 0 var(--space-4);font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.card--project__tech{gap:var(--space-2);margin:0 0 var(--space-4);flex-wrap:wrap;display:flex}.card--project__tech-item{padding:var(--space-1) var(--space-3);background:var(--card-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);align-items:center;display:inline-flex}.card--project__footer,vanilla-card[variant=project] .card__footer{justify-content:space-between;align-items:center}.card--project__footer-tech,vanilla-card[variant=project] .card--project__footer-tech{gap:var(--space-2);margin:0}.card--project__footer-link,vanilla-card[variant=project] .card--project__footer-link{align-items:center;gap:var(--space-2);color:var(--card-project-link-color);font-weight:var(--font-medium);transition:gap var(--transition-fast);white-space:nowrap;text-decoration:none;display:inline-flex}.card--project__footer-link:hover,vanilla-card[variant=project] .card--project__footer-link:hover{gap:var(--space-3)}.card--project__footer-actions{align-items:center;gap:var(--space-3);display:flex}.card--project__footer-links,vanilla-card[variant=project] .card--project__footer-links{gap:var(--space-2);display:flex}.card--project__footer{padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.card--project--featured{border-color:var(--card-project-accent);box-shadow:var(--card-shadow), 0 0 0 1px #d4af3733, 0 0 0 1px color-mix(in srgb, var(--card-project-accent) 20%, transparent)}.card--project--horizontal{flex-direction:row}.card--project--horizontal__image-wrapper{width:40%;margin:calc(var(--card-padding) * -1) 0 calc(var(--card-padding) * -1) calc(var(--card-padding) * -1);border-top-right-radius:0;border-bottom-left-radius:var(--card-radius)}.card--project--horizontal__body{width:60%;padding-left:var(--card-padding)}@media (width<=640px){.card--project--horizontal{flex-direction:column}.card--project--horizontal__image-wrapper{width:100%;margin:calc(var(--card-padding) * -1) calc(var(--card-padding) * -1) 0;border-top-right-radius:var(--card-radius);border-bottom-left-radius:0}.card--project--horizontal__body{width:100%;padding-left:0;padding-top:var(--space-4)}}.card--skill{text-align:left;--card-skill-accent:var(--brand-emerald);--card-skill-progress-bg:var(--color-border);--card-skill-icon-color:var(--brand-emerald)}.card--skill__header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.card--skill__icon{border-radius:var(--radius-lg);width:48px;height:48px;font-size:var(--text-2xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.card--skill__icon--gold{color:var(--brand-gold);background:#d4af371a}.card--skill__icon--emerald{color:var(--brand-emerald);background:#10b9811a}.card--skill__icon--ruby{color:var(--brand-ruby);background:#ef44441a}.card--skill__icon--sapphire{color:var(--brand-sapphire);background:#0891b21a}.card--skill__icon--amethyst{color:var(--brand-amethyst);background:#7c3aed1a}.card--skill__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.card--skill__level{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.card--skill__progress{background:var(--color-border);border-radius:var(--radius-full);width:100%;height:8px;margin-bottom:var(--space-3);position:relative;overflow:hidden}.card--skill__progress-fill{background:linear-gradient(90deg, var(--brand-gold), var(--brand-amethyst));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);position:absolute;top:0;left:0}.card--skill__percentage{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-semibold);display:inline-flex}.card--skill__tags{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.card--skill__tag{padding:var(--space-1) var(--space-3);background:var(--card-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);align-items:center;display:inline-flex}.card--skill--compact{padding:var(--space-4)}.card--skill--compact__progress{display:none}.card--skill--compact__percentage{margin-top:var(--space-2)}.card--skill--minimal{padding:var(--space-3);text-align:center}.card--skill--minimal__header{flex-direction:column;margin-bottom:0}.card--skill--minimal__icon{width:56px;height:56px;font-size:var(--text-3xl)}.card--skill--minimal__title{font-size:var(--text-base);text-align:center}.card--skill--minimal__level,.card--skill--minimal__progress,.card--skill--minimal__percentage,.card--skill--minimal__tags{display:none}.card--skill--gold__progress-fill{background:linear-gradient(90deg, var(--brand-gold), #f9d96e)}.card--skill--gold__percentage{color:var(--brand-gold)}.card--skill--emerald__progress-fill{background:linear-gradient(90deg, var(--brand-emerald), #34d399)}.card--skill--emerald__percentage{color:var(--brand-emerald)}.card--skill--ruby__progress-fill{background:linear-gradient(90deg, var(--brand-ruby), #f87171)}.card--skill--ruby__percentage{color:var(--brand-ruby)}.card--skill--sapphire__progress-fill{background:linear-gradient(90deg, var(--brand-sapphire), #22d3ee)}.card--skill--sapphire__percentage{color:var(--brand-sapphire)}.card--skill--amethyst__progress-fill{background:linear-gradient(90deg, var(--brand-amethyst), #c084fc)}.card--skill--amethyst__percentage{color:var(--brand-amethyst)}@media (width<=640px){.card--skill__header{gap:var(--space-2)}.card--skill__icon{width:40px;height:40px;font-size:var(--text-xl)}.card--skill__title{font-size:var(--text-base)}}.card--content{position:relative;overflow:hidden}.card--content__image-wrapper{margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) 0;border-top-left-radius:var(--card-radius);border-top-right-radius:var(--card-radius);overflow:hidden}@media (width>=768px){.card--content__image-wrapper{margin:calc(-1 * var(--space-8)) calc(-1 * var(--space-8)) 0}}.card--content__image{width:100%;height:var(--card--content-image-height);object-fit:cover;transition:transform var(--transition-slow);display:block}.card--content--interactive:hover .card--content__image{transform:scale(1.05)}.card--content__image.lazy{background:linear-gradient(90deg, var(--neutral-800) 0%, var(--neutral-700) 50%, var(--neutral-800) 100%);background-size:200% 100%;animation:1.5s infinite card--content-shimmer}@keyframes card--content-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card--content__image.loaded{background:0 0;animation:none}.card--content__category{top:var(--space-4);left:var(--space-4);padding:var(--space-1) var(--space-3);color:var(--neutral-0);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background:#000000b3;align-items:center;display:inline-flex;position:absolute}.card--content__meta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.card--content__meta-item{align-items:center;gap:var(--space-1);display:flex}.card--content__excerpt{margin:var(--space-3) 0 0;font-size:var(--text-base);color:var(--card--content-excerpt-color);line-height:var(--leading-relaxed);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card--content__link{align-items:center;gap:var(--space-2);color:var(--brand-gold);font-weight:var(--font-medium);transition:gap var(--transition-fast);text-decoration:none;display:inline-flex}.card--content__link:hover{gap:var(--space-3)}.card--content--horizontal{flex-direction:row}.card--content--horizontal__image-wrapper{width:40%;margin:calc(var(--card-padding) * -1) 0 calc(var(--card-padding) * -1) calc(var(--card-padding) * -1);border-top-right-radius:0;border-bottom-left-radius:var(--card-radius)}.card--content--horizontal__body{width:60%;padding-left:var(--card-padding)}.card--content--no-image .card--content__title{margin-top:0}.card--content--full-image{min-height:400px;padding:0;position:relative;overflow:hidden}.card--content--full-image__image-wrapper{border-radius:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.card--content--full-image__image{object-fit:cover;width:100%;height:100%}.card--content--full-image__body{z-index:1;color:var(--neutral-0);padding:var(--card-padding);background:linear-gradient(#0000 0%,#00000080 50%,#000000e6 100%);flex-direction:column;justify-content:flex-end;min-height:100%;display:flex;position:relative}.card--content--full-image__title{color:var(--neutral-0);margin-bottom:var(--space-2)}.card--content--full-image__excerpt{color:var(--neutral-200);-webkit-line-clamp:2}.card--content--full-image__meta{color:var(--neutral-300)}.card--content--full-image__link{color:var(--brand-gold)}.card--content--full-image.card--content--interactive:hover .card--content__image{transform:scale(1.05)}.card--content--half-image{padding:0;overflow:hidden}.card--content--half-image__image-wrapper{border-radius:0;width:100%;height:50%;margin:0;position:relative}.card--content--half-image__image{object-fit:cover;width:100%;height:100%}.card--content--half-image__body{padding:var(--card-padding);flex-direction:column;justify-content:center;height:50%;display:flex}.card--content--half-image__title{margin-top:0}.card--content__footer{margin-top:auto}.card--content__footer-link{align-items:center;gap:var(--space-2);color:var(--brand-gold);font-weight:var(--font-medium);transition:gap var(--transition-fast);text-decoration:none;display:inline-flex}.card--content__footer-link:hover{gap:var(--space-3)}.card--content__footer-meta{color:var(--color-text-muted);font-size:var(--text-sm)}.portfolio-filter{gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}@media (width>=768px){.portfolio-filter{flex-direction:row;justify-content:space-between;align-items:center}}.portfolio-filter__search{flex:1;max-width:100%}@media (width>=768px){.portfolio-filter__search{max-width:300px}}.portfolio-filter__input{width:100%;height:44px;padding:0 var(--space-4);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.portfolio-filter__input::placeholder{color:var(--color-text-muted)}.portfolio-filter__input:focus{border-color:var(--brand-gold);outline:none;box-shadow:0 0 0 3px #d4af371a}.portfolio-filter__buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.portfolio-filter__btn{height:40px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.portfolio-filter__btn:hover{background:var(--card-bg-hover);border-color:var(--color-border-hover)}.portfolio-filter__btn--active{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--neutral-900)}.portfolio-filter__btn--active:hover{background:#e5c145;border-color:#e5c145}.portfolio-card--hidden{display:none!important}.gallery__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.gallery__grid--masonry{column-count:3;column-gap:var(--space-3);display:block}.gallery__grid--compact{gap:var(--space-2)}.gallery__grid--spacious{gap:var(--space-4)}.gallery__item{aspect-ratio:1;border-radius:var(--radius-lg);cursor:pointer;break-inside:avoid;margin-bottom:0;position:relative;overflow:hidden}.gallery__grid--masonry .gallery__item{margin-bottom:var(--space-3);aspect-ratio:auto;height:auto}.gallery__item:hover .gallery__image{transform:scale(1.05)}.gallery__item:hover .gallery__overlay{opacity:1}.gallery__overlay{opacity:0;transition:opacity var(--transition-base);padding:var(--space-4);background:linear-gradient(#0000 0%,#0006 50%,#000c 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.gallery__overlay-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--neutral-0);margin:0}.gallery__overlay-meta{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--neutral-400)}.gallery__actions{top:var(--space-2);right:var(--space-2);gap:var(--space-1);opacity:0;transition:opacity var(--transition-base);display:flex;position:absolute}.gallery__item:hover .gallery__actions{opacity:1}.gallery__action-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--neutral-0);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);-webkit-backdrop-filter:blur(10px);background:#0009;border:1px solid #fff3;justify-content:center;align-items:center;display:inline-flex}.gallery__action-btn:hover{background:#000c;transform:scale(1.1)}.gallery__action-btn svg{width:18px;height:18px}.gallery__count{bottom:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--neutral-0);-webkit-backdrop-filter:blur(10px);background:#000c;position:absolute}@media (width<=1024px){.gallery__grid--masonry{column-count:2}}@media (width<=640px){.gallery__grid{grid-template-columns:repeat(2,1fr)}.gallery__grid--masonry{column-count:2;column-gap:var(--space-2)}.gallery__item{aspect-ratio:auto;min-height:150px}.gallery__overlay{padding:var(--space-2)}.gallery__overlay-title{font-size:var(--text-xs)}.gallery__actions{display:none}}.gallery__item:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){.gallery__image,.gallery__overlay,.gallery__actions{transition:none}.gallery__image.lazy{animation-duration:3s}}.hero-section{width:100%;min-height:100dvh;padding:var(--spacing-xl) var(--spacing-md);align-items:center;margin:0;display:flex;position:relative}.hero-section vanilla-card{width:100%;max-width:1200px;margin:0 auto}.hero-section .card--horizontal{margin:0}.hero-section--fw{height:100dvh;min-height:100dvh;overflow:hidden}.hero-section--fw vanilla-card{max-width:100%;height:100%}.hero-section--fw .card--horizontal{height:100%;min-height:100dvh}.hero-section--fw .card__media,.hero-section--fw vanilla-card[slot=media],.hero-section--fw vanilla-card img[slot=media]{object-fit:cover;object-position:center;width:100%;height:100%;min-height:100dvh}.hero-section--fw .card__content{padding:var(--spacing-xl);color:#fff;z-index:10;background:linear-gradient(#0000 0%,#000c 100%);position:absolute;bottom:0;left:0;right:0}.hero-section__background{position:absolute;inset:0;overflow:hidden}.hero-section__image{object-fit:cover;object-position:center;width:100%;height:100%}.hero-section__overlay{position:absolute;inset:0}.hero-section__overlay--dark{background:#0009}.hero-section__overlay--light{background:#ffffff4d}.hero-section__content{z-index:2;text-align:center;color:#fff;max-width:800px;margin:0 auto;position:relative}.hero-section__title{color:#fff;margin:0 0 1.5rem;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.1}.hero-section__description{opacity:.9;color:#fff;margin:0 0 2.5rem;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.6}.hero-section__buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-section--tokens{position:relative;overflow:hidden}.hero-section__token-grid{pointer-events:none;z-index:1;grid-template-columns:repeat(4,1fr);gap:2rem;padding:4rem;display:grid;position:absolute;inset:0}.token-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);opacity:0;background:#ffffff0d;flex-direction:column;align-items:center;gap:1rem;padding:2rem;transition:transform .3s,opacity .3s;animation:6s ease-in-out infinite token-float;display:flex;position:relative;transform:translateY(30px)}.token-card__icon{color:currentColor;opacity:.8}.token-card__label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;opacity:.7;font-weight:500}.token-card__value{font-size:var(--font-size-3xl);font-weight:700}.token-card--gold{color:var(--brand-gold,#d4af37);background:linear-gradient(135deg,#d4af371a 0%,#d4af370d 100%);border:1px solid #d4af3733;animation-delay:0s}.token-card--emerald{color:var(--color-success,#22c55e);background:linear-gradient(135deg,#22c55e1a 0%,#22c55e0d 100%);border:1px solid #22c55e33;animation-delay:1.5s}.token-card--sapphire{color:var(--brand-sapphire,#0ea5e9);background:linear-gradient(135deg,#0ea5e91a 0%,#0ea5e90d 100%);border:1px solid #0ea5e933;animation-delay:3s}.token-card--ruby{color:var(--brand-ruby,#ef4444);background:linear-gradient(135deg,#ef44441a 0%,#ef44440d 100%);border:1px solid #ef444433;animation-delay:4.5s}@keyframes token-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-section--tokens.is-visible .token-card{opacity:1;transform:translateY(0)}.hero-section--code{position:relative;overflow:hidden}.hero-section__code-wrapper{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:4rem;display:grid;position:absolute;inset:0}.code-window{border-radius:var(--radius-lg);background:#1a1a1af2;border:1px solid #ffffff1a;overflow:hidden;box-shadow:0 20px 60px #00000080}.code-window__header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;align-items:center;gap:1rem;padding:1rem;display:flex}.code-window__dots{gap:.5rem;display:flex}.code-window__dot{border-radius:50%;width:12px;height:12px}.code-window__dot--red{background:#ff5f56}.code-window__dot--yellow{background:#ffbd2e}.code-window__dot--green{background:#27ca40}.code-window__title{font-size:var(--font-size-sm);color:#ffffff80;font-family:Fira Code,monospace}.code-window__body{padding:1.5rem;position:relative;overflow:hidden}.code-snippet{color:#f8f8f2;white-space:pre;margin:0;font-family:Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto}.code-keyword{color:#ff79c6}.code-class{color:#8be9fd}.code-variable{color:#f1fa8c}.code-method{color:#50fa7b}.code-string{color:#f1fa8c}.code-comment{color:#6272a4;font-style:italic}.code-cursor{background:var(--brand-gold);width:2px;height:1.2em;animation:1s step-end infinite code-blink;position:absolute}@keyframes code-blink{0%,to{opacity:1}50%{opacity:0}}.path-visualization{justify-content:center;align-items:center;display:flex}.path-svg{width:100%;max-width:400px;height:auto}.path-line{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:3s ease-out .5s forwards path-draw}.path-node{opacity:0;transform-origin:50%;animation:.5s ease-out forwards node-appear}.path-node:nth-child(2){animation-delay:1s}.path-node:nth-child(3){animation-delay:1.5s}.path-node:nth-child(4){animation-delay:2s}.path-node:nth-child(5){animation-delay:2.5s}@keyframes path-draw{to{stroke-dashoffset:0}}@keyframes node-appear{to{opacity:1;transform:scale(1)}}@media (width<=1024px){.hero-section__token-grid{grid-template-columns:repeat(2,1fr)}.hero-section__code-wrapper{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.hero-section{min-height:auto;padding:var(--spacing-lg) var(--spacing-sm)}.hero-section vanilla-card{max-width:100%}.hero-section__token-grid{grid-template-columns:1fr;padding:2rem}.token-card{animation:none}.hero-section__code-wrapper{padding:2rem}.code-snippet{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.token-card,.code-cursor{animation:none}.path-line,.path-node{stroke-dashoffset:0;opacity:1;animation:none}}@media print{.hero-section{min-height:auto;padding:var(--spacing-md)}}@keyframes hero-load{0%{opacity:0;filter:blur(8px);transform:translateY(40%)scale(.85)}to{opacity:1;filter:none;transform:none}}.home-hero-load{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards hero-load;display:inline-block}.home-hero-load.d0{animation-delay:.1s}.home-hero-load.d1{animation-delay:.22s}.home-hero-load.d2{animation-delay:.34s}.home-hero-load.d3{animation-delay:.48s}@supports not (animation-timeline:view()){.scroll-scale{animation:none}}.scroll-scale{font-family:var(--font-serif);letter-spacing:.02em;font-size:clamp(3rem,8vw,7rem);animation:linear both scroll-scale;animation-timeline:view();animation-range:contain;display:inline-block}@keyframes scroll-scale{0%{opacity:.1;transform:scale(.4)}30%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.viewport-section{justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.viewport-section--peek{align-items:flex-start;padding-top:40vh;padding-bottom:20vh}.viewport-section--peek--deep{padding-top:50vh}.viewport-section--peek--shallow{padding-top:30vh}.viewport-section--peek:before,.viewport-section--mystery:before{content:"";background:linear-gradient(to bottom, var(--color-background,#fff) 0%, #fffc 20%, #fff6 40%, transparent 100%);pointer-events:none;z-index:10;height:40vh;position:absolute;top:0;left:0;right:0}[data-theme=dark] .viewport-section--peek:before,[data-theme=dark] .viewport-section--mystery:before{background:linear-gradient(to bottom, var(--color-background,#1a1a1a) 0%, #1a1a1acc 20%, #1a1a1a66 40%, transparent 100%)}.viewport-section--mystery .viewport-section__content,.viewport-section--mystery .viewport-section__inner{filter:blur(8px)grayscale(.5);opacity:.6;transition:all .8s cubic-bezier(.4,0,.2,1);transform:scale(.95)translateY(20px)}.viewport-section--mystery.is-revealed .viewport-section__content,.viewport-section--mystery.is-revealed .viewport-section__inner{filter:blur()grayscale(0);opacity:1;transform:scale(1)translateY(0)}.viewport-section--stagger .card,.viewport-section--stagger .token-card,.viewport-section--stagger>*{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(40px)}.viewport-section--stagger.is-revealed .card,.viewport-section--stagger.is-revealed .token-card,.viewport-section--stagger.is-revealed>*{opacity:1;transform:translateY(0)}.viewport-section--parallax{background-position:50%;background-size:cover;background-attachment:fixed}@media (width<=1024px){.viewport-section--peek{padding-top:30vh;padding-bottom:15vh}}@media (width<=768px){.viewport-section--peek{padding-top:20vh;padding-bottom:10vh}.viewport-section--mystery .viewport-section__content{filter:blur(4px)}}@media (prefers-reduced-motion:reduce){.viewport-section--mystery .viewport-section__content,.viewport-section--stagger>*,.scroll-progress-container{transition:none}}.home-reveal{opacity:0;filter:blur(8px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(40%)scale(.85)}.home-reveal-in .home-reveal{opacity:1;filter:blur();transform:translateY(0%)scale(1)}.home-reveal-out .home-reveal{opacity:0;filter:blur(6px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),filter .5s cubic-bezier(.16,1,.3,1);transform:translateY(-25%)scale(1.1)}.home-reveal.d0{transition-delay:0s}.home-reveal.d1{transition-delay:.1s}.home-reveal.d2{transition-delay:.2s}.home-reveal.d3{transition-delay:.3s}@supports not (animation-timeline:view()){.parallax-bg{animation:none}}.parallax-bg{background:radial-gradient(at 20%,#7c6af726 0%,#0000 60%),radial-gradient(at 80%,#0891b21a 0%,#0000 60%);animation:linear parallax-move;animation-timeline:view();animation-range:contain;position:absolute;inset:0}@keyframes parallax-move{0%{transform:translateY(-12%)}to{transform:translateY(12%)}}.section{position:relative}.section.in .home-reveal{opacity:1;filter:blur();transform:translateY(0%)scale(1)}.section.out .home-reveal{opacity:0;filter:blur(6px);transform:translateY(-25%)scale(1.1)}.demo-section{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.demo-section.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.parallax-bg,.home-reveal,.demo-section,.viewport-section--mystery .viewport-section__content,.viewport-section--stagger>*{opacity:1!important;filter:none!important;transition:none!important;animation:none!important;transform:none!important}.scroll-progress-container{transition:none}}.homepage__share{padding:var(--space-12) 0;background:var(--color-bg-alt);border-top:var(--glass-border)}.btn--back-to-top{background:var(--brand-gold);width:48px;height:48px;color:var(--neutral-900);cursor:pointer;opacity:0;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px);box-shadow:0 4px 12px #0000004d}.btn--back-to-top:hover{background:var(--brand-gold-light,#f5d76e);transform:translateY(0)scale(1.1)}@media (prefers-reduced-motion:reduce){.btn--back-to-top{transition:none!important}}@media (width<=768px){.homepage__share{padding:var(--space-8) 0}.btn--back-to-top{width:40px;height:40px;bottom:1rem;right:1rem}}@supports not (animation-timeline:scroll(root)){.scroll-progress{width:0;transition:width .1s ease-out}}.scroll-progress{background:var(--brand-gold);z-index:9999;transform-origin:0;width:100%;height:2px;animation:linear progress-grow;animation-timeline:scroll(root);position:fixed;top:0;left:0;transform:scaleX(0)}@keyframes progress-grow{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.scroll-progress{transition:none!important;animation:none!important}}.homepage__stats{padding:var(--space-12) 0;background:var(--color-bg-alt);border-bottom:var(--glass-border)}.homepage__stats .stats-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.grid .card{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.grid .card.is-visible{opacity:1;transform:translateY(0)}.grid .card:first-child{transition-delay:0s}.grid .card:nth-child(2){transition-delay:50ms}.grid .card:nth-child(3){transition-delay:.1s}.grid .card:nth-child(4){transition-delay:.15s}.grid .card:nth-child(5){transition-delay:.2s}.grid .card:nth-child(6){transition-delay:.25s}.grid .card:nth-child(7){transition-delay:.3s}.grid .card:nth-child(8){transition-delay:.35s}.grid .card:nth-child(9){transition-delay:.4s}.fade-in-up{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.fade-in-up-visible{opacity:1!important;transform:translateY(0)!important}@media (prefers-reduced-motion:reduce){.grid .card{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}[data-theme-id=nativa] body{font-family:var(--font-body)}[data-theme-id=nativa] h1,[data-theme-id=nativa] h2,[data-theme-id=nativa] h3,[data-theme-id=nativa] h4,[data-theme-id=nativa] h5,[data-theme-id=nativa] h6{font-family:var(--font-heading)}[data-theme-id=nativa] .brand-accent{color:var(--brand-gold)}[data-theme-id=nativa] .brand-accent--bg{background-color:var(--brand-gold)}[data-theme-id=nativa] .brand-accent--border{border-color:var(--brand-gold)}[data-theme-id=nativa] .card--stats .vanilla-ripple{background:#d4af374d}[data-theme-id=nativa] .card--list .vanilla-ripple{background:#50c8784d}[data-theme-id=nativa] .card--table .vanilla-ripple{background:#0f52ba4d}[data-theme-id=nativa] .card--chart .vanilla-ripple{background:#9966cc4d}