:root{--nav-height: 64px}@media(max-height:800px){:root{--nav-height: 50px}}:root{--color-bg-primary: #0f0f0f;--color-bg-secondary: #1a1a1a;--color-bg-light: #faf8f5;--color-bg-cream: #f1c498;--navbar-bg-color: #0f0f0f;--navbar-bg-opacity: .92;--color-accent: #c8956c;--color-accent-hover: #d4a57c;--color-accent-light: rgba(200, 149, 108, .12);--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-text-dark: #1a1a1a;--color-text-muted: #6b6b6b;--color-border: rgba(255, 255, 255, .08);--color-border-light: rgba(0, 0, 0, .08);--color-success: #4caf50;--color-gradient-start: #c8956c;--color-gradient-end: #8b6f5a;--font-display: "Playfair Display", serif;--font-heading: "Playfair Display", serif;--font-subheading: "Inter", sans-serif;--font-body: "Inter", sans-serif;--font-small: "Inter", sans-serif;--font-cta: "Inter", sans-serif;--font-size-display: 56px;--font-size-display-lg: 72px;--font-size-heading: 36px;--font-size-heading-lg: 48px;--font-size-subheading: 20px;--font-size-subheading-lg: 24px;--font-size-body: 16px;--font-size-body-lg: 18px;--font-size-small: 14px;--font-size-cta: 16px;--font-size-cta-lg: 18px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--line-height-tight: 1.1;--line-height-snug: 1.3;--line-height-normal: 1.5;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-section: calc(var(--nav-height) + var(--space-sm));--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--radius-xs: 4px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--shadow-glow: 0 0 40px rgba(200, 149, 108, .2);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .25);--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-wide: 1440px;--container-max: min(1600px, 95vw);--container-padding-mobile: 24px;--container-padding-desktop: 48px;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease;--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .28s;--motion-ease-out: cubic-bezier(.16, 1, .3, 1)}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);border:1px solid transparent;font-size:var(--font-size-cta);font-weight:600;font-family:var(--font-cta);cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),transform var(--transition-fast),box-shadow var(--transition-normal);background:#1a1a1ae6;color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn.primary{background:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-end));border-color:var(--color-accent);color:var(--color-text-primary);box-shadow:var(--shadow-lg)}.btn.primary:hover{box-shadow:var(--shadow-glow),var(--shadow-lg)}.btn.secondary{background:#1a1a1ab3;border-color:var(--color-border);color:var(--color-text-primary)}.btn.secondary:hover{background:#1a1a1af2;border-color:var(--color-border)}.btn.ghost{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.btn.ghost:hover{background:#1a1a1ab3;color:var(--color-text-primary)}.btn.danger{background:#ef4444;border-color:#ef4444;color:#fef2f2;font-weight:600}.btn.danger.retry{background:#c00;color:#fff}.btn.danger.cancel{background:#fff;border:1px solid #cc0000;color:#c00}.btn.danger:hover{background:#dc2626}.surface{background:radial-gradient(circle at top left,#262626,#0f0f0f);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.surface-soft{background:var(--color-bg-light);border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:0 1px 3px #00000014}.layout-page{max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,40px);padding-block:clamp(20px,5vh,40px)}.text-muted{color:var(--color-text-secondary)}.text-label{font-size:var(--font-size-small);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary)}.stack-2{display:flex;flex-direction:column;gap:var(--space-2)}.stack-3{display:flex;flex-direction:column;gap:var(--space-3)}.stack-4{display:flex;flex-direction:column;gap:var(--space-4)}.stack-6{display:flex;flex-direction:column;gap:var(--space-6)}.text-title{color:var(--color-text-primary)}.text-subtitle{color:var(--color-text-secondary)}.text-inverted{color:var(--color-text-dark)}.page{flex:1;display:flex;align-items:center;justify-content:center}.container{max-width:var(--container-max);margin:0 auto;padding:var(--space-sm) var(--space-lg)}@media(min-width:1024px){.container{padding:var(--space-md) var(--space-2xl)}}.card{width:100%;max-width:420px;padding:var(--space-10) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.marginated{margin:var(--space-10) auto}.cards-container{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center;padding:var(--space-10) var(--space-8)}.buttons-row{display:flex;gap:var(--space-2);flex-direction:row}@media(max-width:768px){.layout-page{padding-inline:16px}}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}