@font-face{font-family:Inter;src:url(/fonts/inter.woff2) format("woff2");font-weight:300 600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rajdhani;src:url(/fonts/rajdhani-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Slab;src:url(/fonts/roboto-slab.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-magenta: #A000B2;--color-cyan: #199BC0;--color-fuchsia: #B000D7;--color-black: #000000;--color-white: #FFFFFF;--color-magenta-900: #1a0020;--color-magenta-800: #330040;--color-magenta-700: #5a006f;--color-magenta-600: #7d0099;--color-magenta-500: #A000B2;--color-magenta-400: #bf00d4;--color-magenta-300: #d44de5;--color-magenta-200: #e899f0;--color-magenta-100: #f7d9fb;--color-cyan-900: #020f14;--color-cyan-800: #051e28;--color-cyan-700: #0c3d50;--color-cyan-600: #126074;--color-cyan-500: #199BC0;--color-cyan-400: #28b8e0;--color-cyan-300: #5fcdec;--color-cyan-200: #9de0f4;--color-cyan-100: #d4f2fb;--color-neutral-950: #0a0a10;--color-neutral-900: #0d0d14;--color-neutral-850: #111119;--color-neutral-800: #16161f;--color-neutral-750: #1c1c28;--color-neutral-700: #232330;--color-neutral-600: #2e2e40;--color-neutral-500: #404055;--color-neutral-400: #5c5c75;--color-neutral-300: #8888a0;--color-neutral-200: #b0b0c8;--color-neutral-100: #d8d8e8;--color-neutral-50: #f0f0f7;--color-bg: var(--color-neutral-900);--color-bg-secondary: var(--color-neutral-850);--color-surface: var(--color-neutral-800);--color-surface-raised: var(--color-neutral-750);--color-border: var(--color-neutral-700);--color-border-subtle: var(--color-neutral-600);--color-text: var(--color-neutral-50);--color-text-secondary: var(--color-neutral-200);--color-text-muted: var(--color-neutral-300);--color-text-disabled: var(--color-neutral-400);--color-primary: var(--color-magenta-500);--color-primary-hover: var(--color-magenta-400);--color-secondary: var(--color-cyan-500);--color-secondary-hover:var(--color-cyan-400);--color-accent: var(--color-fuchsia);--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .1);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .1);--color-info: var(--color-cyan-400);--color-info-bg: rgba(25, 155, 192, .1);--gradient-brand: linear-gradient(135deg, var(--color-magenta) 0%, var(--color-cyan) 100%);--gradient-brand-reverse: linear-gradient(135deg, var(--color-cyan) 0%, var(--color-magenta) 100%);--gradient-brand-vertical: linear-gradient(180deg, var(--color-magenta) 0%, var(--color-cyan) 100%);--gradient-dark: linear-gradient(180deg, var(--color-neutral-800) 0%, var(--color-neutral-900) 100%);--gradient-surface: linear-gradient(135deg, rgba(160,0,178,.05) 0%, rgba(25,155,192,.05) 100%);--gradient-hero: linear-gradient(180deg, rgba(13,13,20,0) 0%, rgba(13,13,20,.85) 60%, var(--color-bg) 100%);--gradient-glow-magenta: radial-gradient(ellipse at center, rgba(160,0,178,.3) 0%, transparent 70%);--gradient-glow-cyan: radial-gradient(ellipse at center, rgba(25,155,192,.3) 0%, transparent 70%);--font-family-heading: "Rajdhani", "Arial Black", "Helvetica Neue", sans-serif;--font-family-body: "Inter", "Segoe UI", system-ui, sans-serif;--font-family-display: "Roboto Slab", "Georgia", "Times New Roman", serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.75rem;--font-size-6xl: 4.5rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-snug: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0em;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--letter-spacing-widest: .15em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: 2px;--radius-base: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--border-width-thin: 1px;--border-width-base: 1px;--border-width-thick: 2px;--border-width-heavy: 3px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-base: 0 4px 6px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.3);--shadow-md: 0 10px 15px rgba(0,0,0,.5), 0 4px 6px rgba(0,0,0,.3);--shadow-lg: 0 20px 25px rgba(0,0,0,.6), 0 10px 10px rgba(0,0,0,.2);--shadow-xl: 0 25px 50px rgba(0,0,0,.7);--shadow-inner: inset 0 2px 4px rgba(0,0,0,.4);--glow-magenta-sm: 0 0 8px rgba(160, 0, 178, .5), 0 0 16px rgba(160, 0, 178, .3);--glow-magenta: 0 0 12px rgba(160, 0, 178, .6), 0 0 30px rgba(160, 0, 178, .4), 0 0 60px rgba(160, 0, 178, .2);--glow-magenta-lg: 0 0 20px rgba(160, 0, 178, .8), 0 0 50px rgba(160, 0, 178, .5), 0 0 100px rgba(160, 0, 178, .3);--glow-cyan-sm: 0 0 8px rgba(25, 155, 192, .5), 0 0 16px rgba(25, 155, 192, .3);--glow-cyan: 0 0 12px rgba(25, 155, 192, .6), 0 0 30px rgba(25, 155, 192, .4), 0 0 60px rgba(25, 155, 192, .2);--glow-cyan-lg: 0 0 20px rgba(25, 155, 192, .8), 0 0 50px rgba(25, 155, 192, .5), 0 0 100px rgba(25, 155, 192, .3);--glow-brand: 0 0 20px rgba(160, 0, 178, .4), 0 0 40px rgba(25, 155, 192, .3);--glow-green-sm: 0 0 8px rgba(34, 197, 94, .5), 0 0 16px rgba(34, 197, 94, .3);--color-green-300: #86efac;--color-green-500: #22c55e;--glass-bg: rgba(22, 22, 31, .7);--glass-bg-light: rgba(35, 35, 48, .6);--glass-border: rgba(255, 255, 255, .08);--glass-border-accent: rgba(160, 0, 178, .3);--glass-blur: blur(16px);--glass-blur-sm: blur(8px);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-bounce: .3s cubic-bezier(.34, 1.56, .64, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--z-below: -1;--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--nav-height: 64px;--section-gap: var(--space-20);--background-color: var(--color-bg);--default-color-01: var(--color-magenta);--default-color-02: var(--color-cyan);--spacing-unit: 8px;--blur: var(--glass-blur);--gradient-brand-legacy: var(--gradient-brand);--border-radius-button: var(--radius-md);--shadow-neon-cyan: var(--glow-cyan-sm);--shadow-neon-magenta: var(--glow-magenta-sm)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;tab-size:4}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}ul[role=list],ol[role=list]{list-style:none}a{color:var(--color-cyan-300);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-cyan-200)}a:focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px;border-radius:var(--radius-sm)}hr{border:none;border-top:var(--border-width-thin) solid var(--color-border);margin:var(--space-8) 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-neutral-900)}::-webkit-scrollbar-thumb{background:var(--color-neutral-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-magenta-600)}::selection{background:#a000b259;color:var(--color-white)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide);color:var(--color-text)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}small{font-size:var(--font-size-sm);color:var(--color-text-muted)}strong,b{font-weight:var(--font-weight-semibold);color:var(--color-text)}code{font-family:var(--font-family-mono);font-size:.875em;background:var(--color-neutral-800);color:var(--color-cyan-300);padding:.1em .4em;border-radius:var(--radius-sm);border:1px solid var(--color-border)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:var(--color-neutral-850);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);overflow-x:auto}pre code{background:none;border:none;padding:0}blockquote{border-left:3px solid var(--color-magenta);padding-left:var(--space-4);color:var(--color-text-secondary);font-style:italic;margin:var(--space-6) 0}.text-grandient,.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.button-grandient{background:var(--gradient-brand);border-radius:var(--border-radius-button);color:#fff;border:none;padding:var(--space-3) var(--space-6);cursor:pointer;transition:all var(--transition-base);letter-spacing:var(--letter-spacing-wide);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);text-transform:uppercase;font-size:var(--font-size-sm)}.button-grandient:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:var(--glow-magenta-sm)}.container{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--space-6)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-2xl{max-width:var(--container-2xl)}.py-4{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-5{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-6{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-8{padding-top:var(--space-20);padding-bottom:var(--space-20)}.pt-24{padding-top:var(--space-24)}.pt-12{padding-top:var(--space-12)}.pt-32{padding-top:var(--space-32)}.pb-12{padding-bottom:var(--space-12)}.mt-4{margin-top:var(--space-8)}.mt-6{margin-top:var(--space-12)}.mb-4{margin-bottom:var(--space-8)}.mb-6{margin-bottom:var(--space-12)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.divider{width:100%;height:1px;background:var(--color-border);border:none;margin:var(--space-8) 0}.divider-gradient{height:1px;background:var(--gradient-brand);border:none;margin:var(--space-8) 0;opacity:.6}@media(max-width:768px){.container{padding-inline:var(--space-4)}}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-heading{font-family:var(--font-family-heading)}.font-body{font-family:var(--font-family-body)}.font-display{font-family:var(--font-family-display)}.font-mono{font-family:var(--font-family-mono)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-disabled{color:var(--color-text-disabled)}.text-magenta{color:var(--color-magenta)}.text-cyan{color:var(--color-cyan)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.lead{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);font-weight:var(--font-weight-light)}.display-number{font-family:var(--font-family-display);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:1;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-label{font-family:var(--font-family-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-magenta-300)}.cta-group{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.post-content{max-width:72ch;margin:0 auto;line-height:var(--line-height-relaxed)}.post-content h1,.post-content h2,.post-content h3,.post-content h4{font-family:var(--font-family-heading);margin-top:var(--space-10);margin-bottom:var(--space-3);line-height:1.2}.post-content h1{font-size:var(--font-size-3xl)}.post-content h2{font-size:var(--font-size-2xl)}.post-content h3{font-size:var(--font-size-xl)}.post-content h4{font-size:var(--font-size-lg)}.post-content p{margin-bottom:var(--space-5);color:var(--color-text-secondary)}.post-content ul,.post-content ol{padding-left:var(--space-6);margin-bottom:var(--space-5);color:var(--color-text-secondary)}.post-content li{margin-bottom:var(--space-1)}.post-content a{color:var(--color-cyan-300);text-decoration:underline}.post-content blockquote{border-left:3px solid var(--color-magenta-300);padding-left:var(--space-5);margin:var(--space-6) 0;color:var(--color-text-muted);font-style:italic}.post-content code{background:var(--color-surface-2);padding:.1em .4em;border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.9em}.post-content pre{background:var(--color-surface-2);padding:var(--space-5);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-5)}.post-content pre code{background:none;padding:0}.post-content img{max-width:100%;border-radius:var(--radius-md);margin:var(--space-5) 0}.post-content hr{border:none;border-top:1px solid var(--color-border-subtle);margin:var(--space-8) 0}@media(max-width:768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.display-number{font-size:var(--font-size-4xl)}.cta-group{flex-direction:column;align-items:stretch}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;text-decoration:none;border:var(--border-width-thick) solid transparent;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-bounce),box-shadow var(--transition-base),filter var(--transition-base);position:relative;overflow:hidden;user-select:none}.btn:focus-visible{outline:2px solid var(--color-cyan);outline-offset:3px}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-magenta);color:var(--color-white);border-color:transparent}.btn-primary:before{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--transition-base)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-magenta-sm);filter:brightness(1.1);color:var(--color-white)}.btn-primary:active{transform:translateY(0);filter:brightness(.95)}.btn-secondary{background:transparent;color:var(--color-cyan);border-color:var(--color-cyan)}.btn-secondary:hover{background:#199bc01f;color:var(--color-cyan-300);border-color:var(--color-cyan-300);transform:translateY(-2px);box-shadow:var(--glow-cyan-sm)}.btn-outline{background:transparent;color:var(--color-magenta-300);border-color:var(--color-magenta)}.btn-outline:hover{background:#a000b21f;color:var(--color-magenta-200);border-color:var(--color-magenta-300);transform:translateY(-2px);box-shadow:var(--glow-magenta-sm)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-subtle);transform:translateY(-1px)}.btn-ghost-error{background:transparent;color:#f87171;border-color:#ef444433}.btn-ghost-error:hover{background:#ef44441a;border-color:var(--color-error);color:var(--color-error)}.btn-danger{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error)}.btn-danger:hover{background:var(--color-error);color:var(--color-white);transform:translateY(-2px);box-shadow:0 0 16px #ef444466}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide)}.btn-lg{padding:var(--space-4) var(--space-10);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-wider);border-radius:var(--radius-lg)}.btn-xl{padding:var(--space-5) var(--space-12);font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-wider);border-radius:var(--radius-lg)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.btn-full{width:100%}@media(max-width:768px){.btn-xl{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:var(--gradient-surface);pointer-events:none}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#ffffff1f}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;inset:0;background:var(--gradient-surface);pointer-events:none}.card-featured{border-color:var(--color-magenta-700);box-shadow:var(--glow-magenta-sm),var(--shadow-md)}.card-featured:hover{border-color:var(--color-magenta-500);box-shadow:var(--glow-magenta),var(--shadow-lg);transform:translateY(-4px)}.card-accent-cyan{border-color:var(--color-cyan-700);box-shadow:var(--glow-cyan-sm)}.card-accent-cyan:hover{border-color:var(--color-cyan-500);box-shadow:var(--glow-cyan),var(--shadow-lg);transform:translateY(-4px)}.feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-align:center;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--glow-brand),var(--shadow-lg);border-color:#a000b240}.feature-card:hover:before{opacity:1}.feature-card h3{margin-bottom:var(--space-3);font-size:var(--font-size-xl);background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.feature-card p{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.post-card{display:flex;flex-direction:column;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);text-decoration:none;color:inherit;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);position:relative}.post-card:before{content:"";position:absolute;inset:0;background:var(--gradient-surface);pointer-events:none;z-index:0}.post-card:hover{transform:translateY(-4px);box-shadow:var(--glow-magenta-sm),var(--shadow-lg);border-color:#a000b24d}.post-card-image{aspect-ratio:16 / 9;overflow:hidden;flex-shrink:0}.post-card-image img{width:100%;height:100%;object-fit:cover;display:block}.post-card-body{display:flex;flex-direction:column;flex:1;padding:var(--space-6);position:relative;z-index:1}.post-card-meta{margin-bottom:var(--space-3)}.post-card-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-3);color:var(--color-text)}.post-card-excerpt{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);flex:1;margin-bottom:var(--space-5)}.post-card-cta{align-self:flex-start}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.card-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.card-body{flex:1}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-3);font-family:var(--font-family-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:#a000b233;color:var(--color-magenta-300);border:1px solid rgba(160,0,178,.4)}.badge-secondary{background:#199bc026;color:var(--color-cyan-300);border:1px solid rgba(25,155,192,.35)}.badge-success{background:#22c55e1f;color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.badge-warning{background:#f59e0b1f;color:var(--color-warning);border:1px solid rgba(245,158,11,.3)}.badge-error{background:#ef44441f;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.badge-neutral{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-gradient{background:var(--gradient-brand);color:var(--color-white);border:none}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:all var(--transition-fast);cursor:default}.tag:hover{border-color:var(--color-cyan-600);color:var(--color-cyan-300);background:#199bc014}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-label{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-secondary)}.form-label.required:after{content:" *";color:var(--color-magenta-300)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);appearance:none;-webkit-appearance:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-disabled)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-neutral-500)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-cyan);box-shadow:0 0 0 3px #199bc026;background:var(--color-surface-raised)}.form-input.is-error,.form-select.is-error,.form-textarea.is-error{border-color:var(--color-error);box-shadow:0 0 0 3px #ef444426}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10);cursor:pointer}.form-textarea{min-height:120px;resize:vertical;line-height:var(--line-height-relaxed)}.form-helper{font-size:var(--font-size-xs);color:var(--color-text-muted)}.form-error{font-size:var(--font-size-xs);color:var(--color-error);display:flex;align-items:center;gap:var(--space-1)}.form-check{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.form-check-input{width:18px;height:18px;appearance:none;-webkit-appearance:none;background:var(--color-surface);border:2px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0;position:relative}.form-check-input[type=radio]{border-radius:var(--radius-full)}.form-check-input:hover{border-color:var(--color-magenta)}.form-check-input:checked{background:var(--color-magenta);border-color:transparent}.form-check-input:checked:after{content:"";position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.form-check-input[type=checkbox]:checked:before{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg)}.form-check-input[type=radio]:checked:before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.form-check-input:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.form-check-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.form-toggle{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.form-toggle-track{width:44px;height:24px;background:var(--color-neutral-600);border-radius:var(--radius-full);position:relative;transition:background var(--transition-fast);flex-shrink:0}.form-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform var(--transition-bounce),background var(--transition-fast);box-shadow:var(--shadow-sm)}.form-toggle input:checked~.form-toggle-track{background:var(--color-magenta)}.form-toggle input:checked~.form-toggle-track .form-toggle-thumb{transform:translate(20px)}.form-toggle input{position:absolute;opacity:0;width:0;height:0}.alert{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid transparent;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);position:relative;overflow:hidden}.alert:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.alert-title{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;display:block;margin-bottom:var(--space-1)}.alert-info{background:var(--color-info-bg);border-color:#199bc04d;color:var(--color-cyan-200)}.alert-info:before{background:var(--color-cyan)}.alert-success{background:var(--color-success-bg);border-color:#22c55e4d;color:#86efac}.alert-success:before{background:var(--color-success)}.alert-warning{background:var(--color-warning-bg);border-color:#f59e0b4d;color:#fcd34d}.alert-warning:before{background:var(--color-warning)}.alert-error{background:var(--color-error-bg);border-color:#ef44444d;color:#fca5a5}.alert-error:before{background:var(--color-error)}.alert-brand{background:#a000b214;border-color:#a000b24d;color:var(--color-magenta-200)}.alert-brand:before{background:var(--gradient-brand)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--color-border)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table thead{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.table th{padding:var(--space-3) var(--space-5);text-align:left;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.table td{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-surface-raised)}.table-striped tbody tr:nth-child(2n){background:#ffffff05}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-magenta);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:16px;height:16px}.spinner-lg{width:40px;height:40px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-raised) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-base)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.skeleton-heading{height:2em;width:60%;margin-bottom:var(--space-3);border-radius:var(--radius-sm)}.skeleton-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.list-styled{list-style:none;padding:0;margin:0}.list-styled li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);border-bottom:1px solid var(--color-border)}.list-styled li:last-child{border-bottom:none}.list-styled li:before{content:"";width:6px;height:6px;background:var(--gradient-brand);border-radius:50%;flex-shrink:0;margin-top:.45em}.list-check{list-style:none;padding:0;margin:0}.list-check li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.list-check li:before{content:"\2713";color:var(--color-success);font-weight:700;flex-shrink:0;margin-top:1px}.hero-banner{min-height:60vh;display:flex;align-items:flex-end;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;padding-bottom:var(--space-16)}.hero-banner:before{content:"";position:absolute;inset:0;background:var(--gradient-hero);z-index:1}.hero-banner .container{position:relative;z-index:2}.hero-content{max-width:720px}.hero-content h1,.hero-content h2{font-size:var(--font-size-5xl);margin-bottom:var(--space-4);line-height:1}.hero-content p{font-size:var(--font-size-md);margin-bottom:var(--space-8)}@media(max-width:768px){.hero-banner:before{background:linear-gradient(180deg,rgba(13,13,20,.65) 0%,rgba(13,13,20,.97) 55%,var(--color-bg) 100%)}}.site-header{padding:var(--space-16) var(--space-6) var(--space-12);text-align:center;position:relative;overflow:hidden}.site-header:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:80%;height:100%;background:var(--gradient-glow-magenta);pointer-events:none;opacity:.5}.site-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gradient-brand);opacity:.4}.site-header h1{font-size:var(--font-size-5xl);line-height:1;margin-bottom:var(--space-4)}.site-header p{font-size:var(--font-size-lg);color:var(--color-text-muted)}.content-section{padding:var(--space-16) 0}.static-content{padding:var(--space-12) 0}.site-footer{background:var(--color-neutral-950);border-top:1px solid var(--color-border);padding:var(--space-8) 0;text-align:center}.site-footer p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.features{padding:var(--space-12) 0}@media(max-width:768px){.hero-content h1,.hero-content h2,.site-header h1{font-size:var(--font-size-3xl)}}.site-nav{position:sticky;top:0;left:0;right:0;z-index:var(--z-sticky);height:var(--nav-height);background:#0d0d14e0;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid var(--color-border);transition:border-color var(--transition-base)}.site-nav.is-scrolled{border-bottom-color:#a000b24d;box-shadow:0 1px 20px #00000080}.nav-inner{max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--space-6);height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.nav-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}.nav-brand:hover,.nav-brand:focus{opacity:.9}.nav-brand:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px;border-radius:var(--radius-sm)}.nav-logo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gradient-brand);border-radius:var(--radius-md);font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-white);letter-spacing:-.03em;box-shadow:var(--glow-magenta-sm);transition:box-shadow var(--transition-base),transform var(--transition-bounce)}.nav-brand:hover .nav-logo{box-shadow:var(--glow-magenta);transform:scale(1.05)}.nav-wordmark{display:flex;flex-direction:column;line-height:1}.nav-wordmark-primary{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-wordmark-sub{font-family:var(--font-family-body);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-muted);-webkit-text-fill-color:initial;background:none}.nav-links{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}.nav-link{display:flex;align-items:center;gap:var(--space-1-5, 6px);padding:var(--space-2) var(--space-3);font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-base);position:relative;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.nav-link:after{content:"";position:absolute;bottom:-2px;left:var(--space-3);right:var(--space-3);height:2px;background:var(--gradient-brand);border-radius:var(--radius-full);opacity:0;transform:scaleX(0);transition:opacity var(--transition-base),transform var(--transition-bounce)}.nav-link:hover{color:var(--color-text);background:#ffffff0d}.nav-link:hover:after{opacity:1;transform:scaleX(1)}.nav-link:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.nav-link.is-active{color:var(--color-text)}.nav-link.is-active:after{opacity:1;transform:scaleX(1)}.nav-link[aria-current=page]{color:var(--color-cyan-300)}.nav-link[aria-current=page]:after{opacity:1;transform:scaleX(1);background:var(--color-cyan)}.nav-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-2);gap:5px;transition:border-color var(--transition-fast),background var(--transition-fast);flex-shrink:0;position:relative}.nav-toggle:hover{border-color:var(--color-magenta);background:#a000b214}.nav-toggle:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.nav-toggle-bar{display:block;width:22px;height:2px;background:var(--color-text-secondary);border-radius:var(--radius-full);transition:transform var(--transition-base),opacity var(--transition-fast),background var(--transition-fast);transform-origin:center}.nav-drawer{display:none;position:fixed;top:var(--nav-height);left:0;right:0;height:calc(100dvh - var(--nav-height));z-index:var(--z-dropdown);background:#0a0a10f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:var(--space-6);flex-direction:column;gap:var(--space-2);overflow-y:auto;border-top:1px solid var(--color-border);animation:drawerSlideIn var(--transition-base) var(--ease-out)}@keyframes drawerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-drawer .nav-links{flex-direction:column;align-items:stretch;gap:0;width:100%}.nav-drawer .nav-link{padding:var(--space-4) var(--space-4);font-size:var(--font-size-base);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);border-radius:0}.nav-drawer .nav-link:after{display:none}.nav-drawer .nav-link:hover{color:var(--color-text);background:var(--color-surface);padding-left:var(--space-6)}.nav-drawer .nav-link.is-active,.nav-drawer .nav-link[aria-current=page]{color:var(--color-cyan-300);border-left:3px solid var(--color-cyan);padding-left:calc(var(--space-4) - 3px)}.nav-drawer .nav-actions{flex-direction:column;align-items:stretch;padding-top:var(--space-6);border-top:1px solid var(--color-border);margin-top:var(--space-4)}.nav-drawer .nav-actions .btn{width:100%;justify-content:center}@media(max-width:768px){.nav-toggle{display:flex}.nav-links,.nav-actions{display:none}.nav-drawer .nav-links,.nav-drawer .nav-actions,.site-nav.is-open .nav-drawer{display:flex}.site-nav.is-open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg);background:var(--color-magenta-300)}.site-nav.is-open .nav-toggle-bar:nth-child(2){opacity:0;transform:scaleX(0)}.site-nav.is-open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--color-magenta-300)}.nav-inner{padding-inline:var(--space-4)}.nav-wordmark-sub{display:none}}.nav-user{position:relative}.nav-user-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.nav-user-trigger:hover,.nav-user-trigger.is-open{border-color:var(--color-magenta);background:#a000b20f;color:var(--color-text)}.nav-user-trigger:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.nav-user-avatar{width:26px;height:26px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-family:var(--font-family-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-white);flex-shrink:0}.nav-user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis}.nav-user-chevron{transition:transform var(--transition-base);flex-shrink:0;color:var(--color-text-muted)}.nav-user-trigger.is-open .nav-user-chevron{transform:rotate(180deg)}.nav-user-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:192px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006,0 2px 8px #0003;padding:var(--space-2) 0;display:none;flex-direction:column;z-index:var(--z-dropdown);animation:dropdownIn .15s var(--ease-out)}.nav-user-dropdown.is-open{display:flex}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-user-item{display:block;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.nav-user-item:hover{background:var(--color-surface);color:var(--color-text)}.nav-user-item--danger{color:#fca5a5}.nav-user-item--danger:hover{background:#ef444414;color:#ef4444}.nav-user-divider{height:1px;background:var(--color-border);margin:var(--space-2) 0}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0;font-size:var(--font-size-sm)}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.breadcrumb-item a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-item a:hover{color:var(--color-cyan-300)}.breadcrumb-item.is-active{color:var(--color-text-secondary)}.breadcrumb-item+.breadcrumb-item:before{content:"/";color:var(--color-neutral-500)}.skip-to-content{position:absolute;top:-100%;left:var(--space-6);z-index:var(--z-toast);padding:var(--space-3) var(--space-6);background:var(--color-magenta);color:var(--color-white);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:0 0 var(--radius-md) var(--radius-md);text-decoration:none;font-size:var(--font-size-sm)}.skip-to-content:focus{top:0}.faq{display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.faq-item[open]{border-color:#a000b24d;box-shadow:var(--glow-magenta-sm)}.faq-item summary{list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);cursor:pointer;font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);user-select:none;transition:color var(--transition-fast)}.faq-question:hover{color:var(--color-magenta-300)}.faq-question:after{content:"+";font-size:var(--font-size-2xl);font-weight:var(--font-weight-light);line-height:1;color:var(--color-magenta);flex-shrink:0;transition:transform var(--transition-base)}.faq-item[open]>.faq-question:after{transform:rotate(45deg)}.faq-answer{padding:0 var(--space-6) var(--space-6);color:var(--color-text-muted);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.faq-answer p:last-child{margin-bottom:0}.modal::backdrop{background:#0a0a10d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal{position:fixed;inset:0;margin:auto;width:min(560px,calc(100vw - var(--space-8)));max-height:calc(100dvh - var(--space-8));background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),var(--glow-brand);padding:0;overflow:hidden;z-index:var(--z-modal);display:none}.modal[open]{display:flex;flex-direction:column;animation:modalSlideIn var(--transition-base) var(--ease-out)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-inner{display:flex;flex-direction:column;overflow-y:auto;max-height:calc(100dvh - var(--space-8))}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0}.modal-close{flex-shrink:0}.modal-body{padding:var(--space-6);flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.modal-body .lead,.modal-body .text-muted{margin:0}.modal-info-list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.modal-info-list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md)}.modal-info-icon{font-size:var(--font-size-base);flex-shrink:0;line-height:1.4}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}@media(max-width:480px){.modal-footer{flex-direction:column-reverse;align-items:stretch}.modal-footer .btn{width:100%;justify-content:center}}.seat-picker{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);position:relative;overflow:hidden}.seat-picker:before{content:"";position:absolute;inset:0;background:var(--gradient-surface);pointer-events:none}.seat-picker-header{position:relative;z-index:1;margin-bottom:var(--space-6)}.seat-picker-title{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-1)}.seat-picker-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.seat-picker-screen{position:relative;z-index:1;display:block;width:fit-content;margin:0 auto var(--space-6);padding:var(--space-2) var(--space-6);background:var(--gradient-brand);border-radius:var(--radius-md);font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-white);text-align:center;box-shadow:var(--glow-brand)}.seat-picker-stage{position:relative;z-index:1;text-align:center;margin-bottom:var(--space-6)}.seat-picker-stage-bar{display:inline-block;padding:var(--space-2) var(--space-10);background:var(--gradient-brand);border-radius:var(--radius-full);font-family:var(--font-family-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-white);box-shadow:var(--glow-brand)}.seat-picker-floor{position:relative;z-index:1;display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-6)}.seat-picker-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.seat-picker-section-label{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2);user-select:none}.seat-picker-section-row{display:flex;gap:var(--space-2)}.seat-picker-section--standalone{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.seat-picker-grid{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-2);align-items:center;margin-bottom:var(--space-6)}.seat-picker-row{display:flex;gap:var(--space-2);align-items:center}.seat-picker-row-label{width:24px;font-family:var(--font-family-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wide);text-align:center;flex-shrink:0;user-select:none}.seat{width:40px;height:40px;border-radius:var(--radius-md);border:var(--border-width-thick) solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-bounce);position:relative;display:flex;align-items:center;justify-content:center;user-select:none;touch-action:manipulation}.seat-label{font-family:var(--font-family-heading);font-size:12px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast)}.seat:not(.is-reserved):not(.is-owned):not(.is-selected):not(.is-in-cart):not(.is-paid):hover{border-color:var(--color-cyan-400);background:#199bc01f;transform:scale(1.12);box-shadow:var(--glow-cyan-sm)}.seat:not(.is-reserved):not(.is-owned):not(.is-selected):not(.is-in-cart):not(.is-paid):hover .seat-label{color:var(--color-cyan-300)}.seat:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.seat.is-selected{background:var(--color-cyan);border-color:var(--color-cyan-300);box-shadow:var(--glow-cyan-sm)}.seat.is-selected .seat-label{color:var(--color-white)}.seat.is-selected:hover{background:var(--color-cyan-400);border-color:var(--color-cyan-200);box-shadow:var(--glow-cyan)}.seat.is-in-cart{background:#a000b21a;border-color:#a000b259;cursor:not-allowed;opacity:.7}.seat.is-in-cart .seat-label{color:#d44de5b3}.seat.is-in-cart:hover{transform:none;box-shadow:none}.seat.is-owned{background:var(--color-magenta);border-color:var(--color-magenta-300);box-shadow:var(--glow-magenta-sm);cursor:default}.seat.is-owned .seat-label{color:var(--color-white)}.seat.is-owned:hover{transform:none;box-shadow:var(--glow-magenta-sm)}.seat.is-paid{background:var(--color-green-500);border-color:var(--color-green-300);box-shadow:var(--glow-green-sm);cursor:default}.seat.is-paid .seat-label{color:var(--color-white)}.seat.is-paid:hover{transform:none;box-shadow:var(--glow-green-sm);background:var(--color-green-500);border-color:var(--color-green-300)}.seat.is-vip{border-color:#f59e0b80;box-shadow:0 0 6px #f59e0b33}.seat.is-vip.is-selected{background:#f59e0bb3;border-color:#f59e0be6;box-shadow:0 0 10px #f59e0b66}.seat.is-vip.is-selected .seat-label{color:var(--color-white)}.seat.is-vip.is-selected:hover{background:#f59e0bcc;border-color:#fbbf24;box-shadow:0 0 14px #f59e0b80}.seat.is-vip:not(.is-reserved):not(.is-owned):not(.is-selected):not(.is-paid):hover{border-color:#f59e0bb3;background:#f59e0b14;transform:scale(1.12);box-shadow:0 0 10px #f59e0b59}.seat.is-vip:not(.is-reserved):not(.is-owned):not(.is-selected):not(.is-paid):hover .seat-label{color:#f59e0be6}.seat-vip-badge{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);color:#f59e0b99;vertical-align:middle}.seat.is-vip.is-reserved{background:#f59e0b0d;border-color:#f59e0b59;opacity:.45}.seat.is-reserved{background:var(--color-neutral-700);border-color:var(--color-neutral-600);cursor:not-allowed;opacity:.5}.seat.is-reserved .seat-label{color:var(--color-text-disabled)}.seat.is-reserved:hover{transform:none;box-shadow:none;background:var(--color-neutral-700);border-color:var(--color-neutral-600)}.seat-picker-legend{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:center;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.seat-picker-legend-item{display:flex;align-items:center;gap:var(--space-2)}.seat-picker-legend-swatch{width:20px;height:20px;border-radius:var(--radius-sm);flex-shrink:0}.seat-picker-legend-swatch--available{background:var(--color-surface);border:var(--border-width-thick) solid var(--color-border)}.seat-picker-legend-swatch--selected{background:var(--color-cyan);border:var(--border-width-thick) solid var(--color-cyan-300);box-shadow:var(--glow-cyan-sm)}.seat-picker-legend-swatch--in-cart{background:#a000b21a;border:var(--border-width-thick) solid rgba(160,0,178,.35);opacity:.7}.seat-picker-legend-swatch--owned{background:var(--color-magenta);border:var(--border-width-thick) solid var(--color-magenta-300);box-shadow:var(--glow-magenta-sm)}.seat-picker-legend-swatch--paid{background:var(--color-green-500);border:var(--border-width-thick) solid var(--color-green-300);box-shadow:var(--glow-green-sm)}.seat-picker-legend-swatch--reserved{background:var(--color-neutral-700);border:var(--border-width-thick) solid var(--color-neutral-600);opacity:.5}.seat-picker-legend-swatch--vip{background:transparent;border:var(--border-width-thick) solid rgba(245,158,11,.5);box-shadow:0 0 5px #f59e0b33}.seat-picker-legend-label{font-family:var(--font-family-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-muted)}.seat-picker-summary{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.seat-picker-summary-text{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary)}.seat-picker-summary-count{color:var(--color-cyan);font-weight:var(--font-weight-bold)}.seat-picker-summary-total{color:var(--color-green-500);font-weight:var(--font-weight-bold)}.payment-providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3)}.payment-provider-form{display:contents}.payment-provider-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);min-height:64px}.payment-provider-btn:hover{border-color:var(--color-cyan);background:#199bc00f}.payment-provider-btn img{max-width:80px;max-height:40px;object-fit:contain}@media(max-width:768px){.seat-picker{padding:var(--space-5)}.seat-picker-floor{gap:var(--space-4)}.seat{width:30px;height:30px}.seat-label{font-size:9px}.seat-picker-section-label{font-size:var(--font-size-xs)}}@media(max-width:480px){.seat-picker-floor{flex-wrap:wrap;gap:var(--space-6)}.seat{width:28px;height:28px}.seat-label{font-size:8px}.seat-picker-row-label{width:18px;font-size:10px}.seat-picker-legend{gap:var(--space-3)}.seat-picker-topbar{flex-direction:column}}.varaukset-layout{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-8);align-items:start}.varaukset-map{order:2}.varaukset-info{order:1;display:flex;flex-direction:column;gap:var(--space-4)}.varaukset-info-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6)}.varaukset-info-title{font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-brand);margin:0 0 var(--space-4)}.varaukset-steps{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.varaukset-price-list{list-style:none;margin:0 0 var(--space-3);padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.varaukset-price-list li{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.varaukset-price-label{color:var(--color-text-secondary)}.varaukset-price-value{font-weight:var(--font-weight-bold);color:var(--color-text)}.varaukset-price-vat{font-size:var(--font-size-xs);margin:0}.varaukset-legend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.varaukset-legend-list li{display:flex;align-items:center;gap:var(--space-3)}.varaukset-legend-dot{width:14px;height:14px;border-radius:var(--radius-sm);flex-shrink:0;border:2px solid transparent}.varaukset-legend-dot.is-free{background:var(--color-surface);border-color:var(--color-border)}.varaukset-legend-dot.is-selected{background:var(--color-brand);border-color:var(--color-brand)}.varaukset-legend-dot.is-cart{background:var(--color-surface-raised);border-color:var(--color-border-subtle)}.varaukset-legend-dot.is-reserved{background:var(--color-error-bg);border-color:var(--color-error)}.varaukset-legend-dot.is-vip{background:var(--color-surface);border-color:var(--color-magenta, #c026d3)}.seat-picker-coupon{margin-top:var(--space-4);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.seat-picker-coupon-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;user-select:none;list-style:none;transition:color var(--transition-fast)}.seat-picker-coupon-toggle::-webkit-details-marker{display:none}.seat-picker-coupon-toggle:before{content:"\203a";font-size:1rem;line-height:1;transition:transform var(--transition-fast);display:inline-block}.seat-picker-coupon[open] .seat-picker-coupon-toggle:before{transform:rotate(90deg)}.seat-picker-coupon-toggle:hover{color:var(--color-text)}.seat-picker-coupon-body{padding:0 var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.coupon-presets-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}#coupon-presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.coupon-preset-btn{font-size:var(--font-size-sm);border:1px solid var(--color-border)}.coupon-preset-btn:disabled{opacity:.4}.coupon-input-row{display:flex;gap:var(--space-2)}.coupon-input-row .form-input{flex:1;min-width:0}.coupon-feedback{font-size:var(--font-size-sm)}.coupon-feedback--error{color:var(--color-error)}.coupon-feedback--success{color:var(--color-success, #22c55e)}.coupon-active{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-cyan-300) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-cyan-300) 30%,transparent);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.coupon-active-text{flex:1}.coupon-remove-btn{padding:0 var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.coupon-orig-price{color:var(--color-text-muted);font-weight:400;text-decoration-color:var(--color-error)}.coupon-discount-pct{color:var(--color-cyan-300);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media(max-width:768px){.varaukset-layout{grid-template-columns:1fr}.varaukset-map{order:1}.varaukset-info{order:2}.seat-picker-summary{flex-direction:column;align-items:stretch;gap:var(--space-3)}#seat-checkout-btn{width:100%;justify-content:center}.varaukset-timer-card{display:none!important}.varaukset-timer-card.is-visible-mobile{display:flex!important;align-items:center;gap:var(--space-4);position:fixed;bottom:0;left:0;right:0;z-index:100;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;padding:var(--space-3) var(--space-5);background:var(--color-surface);box-shadow:0 -4px 24px #00000080}.varaukset-timer-card.is-visible-mobile .varaukset-info-title{font-size:var(--font-size-sm);margin:0;white-space:nowrap}.varaukset-timer-card.is-visible-mobile .varaukset-timer-label{display:none}.varaukset-timer-card.is-visible-mobile .varaukset-timer{font-size:var(--font-size-xl);margin:0;line-height:1}.varaukset-timer-card.is-visible-mobile .varaukset-timer-bar-wrap{flex:1;margin:0}.varaukset-timer-card.is-visible-mobile{flex-wrap:wrap}.varaukset-timer-card.is-visible-mobile .varaukset-timer-checkout-link{flex:0 0 100%;display:block;text-align:center;padding-top:var(--space-2);padding-bottom:var(--space-2);font-size:var(--font-size-xs);margin-top:var(--space-1)}}.varaukset-timer-checkout-link{display:block;width:100%;text-align:center;margin-top:var(--space-4);padding-top:var(--space-2);padding-bottom:var(--space-2);font-size:var(--font-size-xs);box-sizing:border-box}.varaukset-timer-label{font-size:var(--font-size-xs);margin:0 0 var(--space-2)}.varaukset-timer{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-brand);letter-spacing:.05em;margin-bottom:var(--space-3)}.varaukset-timer-bar-wrap{height:4px;background:var(--color-surface-raised);border-radius:var(--radius-full, 9999px);overflow:hidden}.varaukset-timer-bar{height:100%;width:100%;background:var(--gradient-brand);border-radius:var(--radius-full, 9999px);transition:width .5s linear}.varaukset-map{position:relative}.sale-countdown-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#0a0a12d1;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:var(--radius-xl)}.sale-countdown-box{text-align:center;padding:var(--space-8)}.sale-countdown-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-6)}.sale-countdown-digits{display:flex;gap:var(--space-4);justify-content:center;align-items:flex-end}.sale-countdown-unit{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.sale-countdown-value{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-brand);letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.sale-countdown-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}@media(max-width:480px){.sale-countdown-value{font-size:1.75rem}.sale-countdown-digits{gap:var(--space-3)}}.seat-picker-hall2{margin-top:var(--space-10);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.seat-picker-hall2-divider{width:100%;display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.04em;margin-bottom:var(--space-4)}.seat-picker-hall2-divider:before,.seat-picker-hall2-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.login-required-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-info-bg);border:1px solid rgba(25,155,192,.3);border-left:3px solid var(--color-cyan);border-radius:var(--radius-lg);color:var(--color-cyan-200)}.login-required-banner-text{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm)}@media(max-width:640px){.login-required-banner{flex-direction:column;align-items:flex-start}.login-required-banner .btn{align-self:stretch;text-align:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hidden{display:none}.block{display:block}.inline{display:inline}.relative{position:relative}.button-grandient{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;text-decoration:none;border:var(--border-width-thick) solid transparent;border-radius:var(--radius-md);cursor:pointer;background:var(--gradient-brand);color:var(--color-white);transition:transform var(--transition-bounce),box-shadow var(--transition-base),filter var(--transition-base)}.button-grandient:hover{transform:translateY(-2px);box-shadow:var(--glow-magenta-sm);filter:brightness(1.1);color:var(--color-white)}.text-grandient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-page{min-height:calc(100dvh - var(--nav-height) - 80px);display:flex;align-items:center;padding:var(--space-8) 0}.auth-card{max-width:440px;width:100%;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8)}.auth-card--wide{max-width:520px}.auth-card-header{margin-bottom:var(--space-6)}.auth-card-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--space-2)}.auth-card-subtitle{color:var(--color-text-muted);margin:0}.auth-links{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-link{color:var(--color-cyan-300);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-cyan);text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-disabled);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-agreements{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.auth-form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.profile-page{padding:var(--space-8) 0;min-height:calc(100dvh - var(--nav-height) - 80px)}.profile-header{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.profile-avatar-lg{width:72px;height:72px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-white);box-shadow:var(--glow-magenta-sm);flex-shrink:0}.profile-header-info{flex:1;min-width:0}.profile-username{font-size:var(--font-size-xl);margin:0 0 var(--space-1);word-break:break-word}.profile-email,.profile-joined{margin:0;font-size:var(--font-size-sm);word-break:break-word}@media(max-width:480px){.profile-header{flex-wrap:wrap}.profile-header-actions{width:100%}.profile-header-actions .btn{width:100%;justify-content:center}}.profile-section{margin-top:var(--space-6)}.profile-section-title{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.legal-page{max-width:720px;margin:0 auto}.legal-page h1{margin-bottom:var(--space-2)}.legal-section{margin-top:var(--space-8)}.legal-section h2{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.legal-section p,.legal-section ul{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.legal-section ul{padding-left:var(--space-6)}.legal-section li{margin-bottom:var(--space-2)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.footer-links{display:flex;gap:var(--space-4)}.footer-link{font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-cyan-300)}.btn-full{width:100%;justify-content:center}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.reservation-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);position:relative;overflow:hidden;margin-bottom:var(--space-3)}.reservation-card:before{content:"";position:absolute;inset:0;background:var(--gradient-surface);pointer-events:none}.reservation-card-main{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.reservation-card-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.reservation-event{font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);color:var(--color-text)}.reservation-seats-label{font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm);color:var(--color-cyan-300);letter-spacing:var(--letter-spacing-wide)}.reservation-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.reservation-card-actions{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.reservation-amount{font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-green-500)}.receipt{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.receipt-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border)}.receipt-row:last-child{border-bottom:none}.receipt-row--total{background:var(--color-surface-raised)}.receipt-label{font-size:var(--font-size-sm);color:var(--color-text-muted);flex-shrink:0}.receipt-value{font-size:var(--font-size-sm);color:var(--color-text);text-align:right}.receipt-mono{font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide)}.receipt-total{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);color:var(--color-green-500);font-size:var(--font-size-base)}.receipt-seats{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.receipt-seat{display:inline-block;padding:2px var(--space-2);background:#199bc01a;border:1px solid rgba(25,155,192,.3);border-radius:var(--radius-sm);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-cyan-300);letter-spacing:var(--letter-spacing-wide)}.receipt-seat.is-vip{background:#f59e0b14;border-color:#f59e0b4d;color:#f59e0bd9}@media(max-width:768px){.reservation-card{padding:var(--space-6)}.reservation-card-main{flex-direction:column;align-items:stretch;gap:var(--space-6)}.reservation-card-info{text-align:center}.reservation-card-actions{flex-direction:column;width:100%;gap:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-4);align-items:center}.reservation-card-actions .btn-group{width:100%;display:flex;gap:var(--space-2)}.reservation-card-actions .btn-group .btn{flex:1;white-space:nowrap;padding-left:var(--space-1);padding-right:var(--space-1)}.reservation-amount{text-align:center}}.ticket-check-modal .modal-inner,.ticket-check-modal .modal-body{width:100%;align-items:stretch!important}.ticket-seats-grid{display:flex;flex-direction:column;gap:var(--space-3);width:100%;flex:1}.ticket-seat-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%}.ticket-seat-info{display:flex;align-items:center;gap:var(--space-3)}.ticket-seat-type{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.ticket-qr-view{text-align:center;width:100%}.ticket-check-list{display:flex;flex-direction:column;width:100%}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) 0}.qr-code-frame{background:#fff;padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:0 10px 30px #0003;line-height:0}.qr-code-frame canvas{width:240px!important;height:240px!important}.qr-seat-code{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-cyan-300);margin-bottom:var(--space-1)}.qr-reservation-id{font-family:var(--font-family-mono);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wide)}.qr-help-text{max-width:300px;margin:0 auto;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.ticket-seat-item.is-reclaimed{opacity:.7;border-style:dashed;background:#ffffff08}.reclaimed-badge{background:var(--color-surface-raised);color:var(--color-text-muted);padding:1px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase}.shared-badge{background:#a000b21a;color:var(--color-magenta-300);padding:1px var(--space-2);border:1px solid rgba(160,0,178,.2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase}.reclaimed-message{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);color:var(--color-green-500)}.reclaimed-icon{width:48px;height:48px;border:2px solid var(--color-green-500);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:var(--space-2)}.reclaimed-message p{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);margin:0}.admin-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-4)}.admin-tabs{display:flex;gap:var(--space-1)}.admin-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-decoration:none;border:1px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.admin-tab:hover{color:var(--color-text);border-color:var(--color-border)}.admin-tab.is-active{color:var(--color-cyan-300);border-color:var(--color-cyan-300);background:color-mix(in srgb,var(--color-cyan-300) 8%,transparent)}.admin-toolbar{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.admin-filter-form{display:flex;align-items:center;gap:var(--space-3)}.admin-select{min-width:220px}.admin-summary{display:flex;gap:var(--space-2);margin-left:auto}.admin-reservation-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4)}.admin-reservation-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.admin-reservation-user{display:flex;flex-direction:column;gap:var(--space-1)}.admin-reservation-username{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.admin-reservation-email{font-size:var(--font-size-sm)}.admin-reservation-meta{display:flex;gap:var(--space-2);flex-wrap:wrap}.admin-dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-1) var(--space-4);font-size:var(--font-size-sm)}.admin-dl dt{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.admin-dl dd{margin:0;word-break:break-all}.admin-reservation-details{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.admin-json-details{margin-top:var(--space-3)}.admin-json-details summary{cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted);user-select:none;padding:var(--space-1) 0}.admin-json-details summary:hover{color:var(--color-text)}.admin-pre{margin-top:var(--space-2);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);overflow-x:auto;white-space:pre;color:var(--color-text-secondary)}.admin-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-xl)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.admin-table th{text-align:left;padding:var(--space-3) var(--space-5);background:var(--color-surface);color:var(--color-text-muted);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-bottom:1px solid var(--color-border)}.admin-table td{padding:var(--space-3) var(--space-5);border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:color-mix(in srgb,var(--color-surface) 60%,transparent)}.btn-danger{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent)}.btn-danger:hover{background:color-mix(in srgb,var(--color-error) 25%,transparent);border-color:var(--color-error)}.admin-pricing-form{padding-top:var(--space-4)}.admin-pricing-grid{display:grid;grid-template-columns:1fr 1fr auto;align-items:flex-end;gap:var(--space-4)}.admin-pricing-field{display:flex;flex-direction:column;gap:var(--space-1)}.admin-pricing-action{display:flex;align-items:flex-end}@media(max-width:768px){.admin-header{align-items:stretch}.admin-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%}.admin-tab{flex:1 1 calc(50% - var(--space-2));text-align:center;white-space:nowrap;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border)}.admin-tab.is-active{border-color:var(--color-cyan-300)}}.admin-coupon-toolbar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.admin-coupon-section-title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.admin-coupon-section-title--used{margin-top:var(--space-10)}.admin-coupon-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.admin-coupon-card{display:flex;flex-direction:column}.admin-coupon-card.is-used{opacity:.55}.admin-coupon-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.admin-coupon-code{font-family:var(--font-family-mono, monospace);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.08em;word-break:break-all}.admin-coupon-card-body{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.admin-coupon-stat{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-sm)}.admin-coupon-stat-label{color:var(--color-text-muted);white-space:nowrap}.admin-coupon-stat-value{text-align:right;word-break:break-word}.admin-coupon-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:1200px){.admin-coupon-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.admin-coupon-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.admin-coupon-list,.admin-coupon-modal-grid{grid-template-columns:1fr}.admin-pricing-grid{grid-template-columns:1fr 1fr}.admin-pricing-action{grid-column:1 / -1}.admin-pricing-action .btn{width:100%}}.fulllog-table td{padding:var(--space-2) var(--space-5)}.fulllog-id{color:var(--color-text-muted);font-size:var(--font-size-xs)}.fulllog-ts{white-space:nowrap;font-size:var(--font-size-xs);color:var(--color-text-muted)}.fulllog-event{font-size:var(--font-size-xs);background:color-mix(in srgb,var(--color-cyan) 12%,transparent);color:var(--color-cyan);padding:2px 6px;border-radius:var(--radius-sm)}.fulllog-ip{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.fulllog-toggle{transition:transform .15s ease}.fulllog-detail-cell{padding:0!important;background:var(--color-surface)}.fulllog-json{margin:0;padding:var(--space-4) var(--space-5);font-size:var(--font-size-xs);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;max-height:400px;overflow-y:auto;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.mde-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.mde-toolbar{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.mde-toolbar button{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;background:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;font-family:var(--font-family-mono);transition:color var(--transition-fast),border-color var(--transition-fast)}.mde-toolbar button:hover{color:var(--color-text);border-color:var(--color-border)}.mde-toolbar-sep{width:1px;height:1.25rem;background:var(--color-border);margin:0 var(--space-1)}.mde-panes{display:flex;min-height:420px}.mde-pane{flex:1;overflow:auto}.mde-editor-pane{border-right:1px solid var(--color-border)}.mde-textarea{width:100%;height:100%;min-height:420px;padding:var(--space-4);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);border:none;resize:none;outline:none}.mde-preview-pane{background:var(--color-surface)}.mde-preview-content{padding:var(--space-5)}