:root{--colors-teal-50: #f0fdfa;--colors-teal-100: #ccfbf1;--colors-teal-200: #99f6e4;--colors-teal-300: #5eead4;--colors-teal-400: #2dd4bf;--colors-teal-500: #14b8a6;--colors-teal-600: #0d9488;--colors-teal-700: #0f766e;--colors-teal-800: #115e59;--colors-teal-900: #134e4a;--colors-coral-light: #ffc6c6;--colors-coral: #f87171;--colors-coral-dark: #ef4444;--colors-orange-light: #ffe6cd;--colors-orange: #fb923c;--colors-orange-dark: #ea580c;--colors-pink-light: #fde0f0;--colors-pink: #f472b6;--colors-neutral-50: #fafafa;--colors-neutral-100: #f4f4f5;--colors-neutral-200: #e4e4e7;--colors-neutral-300: #d4d4d8;--colors-neutral-400: #a1a1aa;--colors-neutral-500: #71717a;--colors-neutral-600: #52525b;--colors-neutral-700: #3f3f46;--colors-neutral-800: #27272a;--colors-neutral-900: #18181b;--colors-neutral-950: #09090b;--colors-white: #ffffff;--colors-black: #000000;--semantic-light-background: #ffffff;--semantic-light-surface: #fafafa;--semantic-light-surface-hover: #f4f4f5;--semantic-light-text: #18181b;--semantic-light-text-secondary: #71717a;--semantic-light-text-muted: #a1a1aa;--semantic-light-border: #e4e4e7;--semantic-light-ring: rgb(224, 226, 232);--semantic-light-primary: #0d9488;--semantic-light-primary-hover: #14b8a6;--semantic-light-primary-pressed: #0f766e;--semantic-light-primary-light: #ccfbf1;--semantic-light-primary-foreground: #ffffff;--semantic-light-accent: #ffc6c6;--semantic-light-accent-foreground: #600000;--semantic-light-success: #0d9488;--semantic-light-success-light: #ccfbf1;--semantic-light-error: #ef4444;--semantic-dark-background: #09090b;--semantic-dark-surface: #18181b;--semantic-dark-surface-hover: #27272a;--semantic-dark-text: #fafafa;--semantic-dark-text-secondary: #a1a1aa;--semantic-dark-text-muted: #71717a;--semantic-dark-border: #27272a;--semantic-dark-ring: #3f3f46;--semantic-dark-primary: #2dd4bf;--semantic-dark-primary-hover: #5eead4;--semantic-dark-primary-pressed: #14b8a6;--semantic-dark-primary-light: #27272a;--semantic-dark-primary-foreground: #09090b;--semantic-dark-accent: #ef4444;--semantic-dark-accent-foreground: #ffffff;--semantic-dark-success: #2dd4bf;--semantic-dark-success-light: #27272a;--semantic-dark-error: #f87171;--typography-font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--typography-font-family-mono: "SF Mono", "Fira Code", Consolas, monospace;--typography-font-size-xs: .75rem;--typography-font-size-sm: .875rem;--typography-font-size-base: 1rem;--typography-font-size-lg: 1.125rem;--typography-font-size-xl: 1.25rem;--typography-font-size-2xl: 1.5rem;--typography-font-size-3xl: 2rem;--typography-font-size-4xl: 3rem;--typography-font-weight-normal: 400;--typography-font-weight-medium: 500;--typography-font-weight-semibold: 600;--typography-font-weight-bold: 700;--typography-line-height-none: 1;--typography-line-height-tight: 1.25;--typography-line-height-normal: 1.5;--typography-line-height-relaxed: 1.75;--typography-letter-spacing-tight: -.05em;--typography-letter-spacing-normal: 0;--typography-letter-spacing-wide: .025em;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--radius-none: 0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-button: 0 4px 14px rgba(20, 184, 166, .4), inset 0 1px 0 rgba(255, 255, 255, .2);--shadow-button-hover: 0 8px 24px rgba(20, 184, 166, .5), inset 0 1px 0 rgba(255, 255, 255, .2);--shadow-input: 0 10px 40px -10px rgba(0, 0, 0, .12), 0 4px 12px -4px rgba(0, 0, 0, .08);--shadow-success: 0 8px 30px rgba(6, 78, 59, .12);--animation-duration-fast: .15s;--animation-duration-base: .2s;--animation-duration-slow: .3s;--animation-duration-state: .4s;--animation-easing-default: cubic-bezier(.4, 0, .2, 1);--animation-easing-enter: cubic-bezier(0, 0, .2, 1);--animation-easing-exit: cubic-bezier(.4, 0, 1, 1);--animation-easing-bounce: cubic-bezier(.34, 1.56, .64, 1);--layout-container-max-width: 1024px;--layout-container-padding: 16px;--layout-content-max-width: 768px;--layout-content-max-width-narrow: 576px;--layout-email-max-width: 600px;--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--typography-font-family-sans);color:var(--semantic-light-text);background:var(--semantic-light-background);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--layout-container-max-width);margin:0 auto;padding:0 var(--spacing-4)}.nav{border-bottom:1px solid var(--semantic-light-ring);padding:var(--spacing-4)}.nav-inner{display:flex;justify-content:space-between;align-items:center}.nav-logo{font-weight:700;font-size:1.25rem}.nav-right{display:flex;align-items:center;gap:var(--spacing-6)}.nav-links{display:flex;gap:var(--spacing-6)}.nav-link{font-size:var(--typography-font-size-sm);color:var(--semantic-light-text-secondary);transition:color var(--animation-duration-fast) var(--animation-easing-default)}.nav-link:hover{color:var(--semantic-light-text);text-decoration:underline}.nav-lang-link{display:flex;align-items:center;justify-content:center;padding:var(--spacing-1) var(--spacing-2);background:var(--colors-pink-light);border-radius:var(--radius-sm);border:1px solid var(--semantic-light-ring);font-size:.75rem;font-weight:600}.main{flex:1}.footer{border-top:1px solid var(--semantic-light-ring);padding:var(--spacing-4);text-align:center;font-size:var(--typography-font-size-sm);color:var(--semantic-light-text-secondary)}.subscribe-container{max-width:540px;margin:0 auto}.subscribe-form{display:flex;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--semantic-light-background);border-radius:var(--radius-2xl);border:1px solid var(--semantic-light-border);box-shadow:var(--shadow-input)}.input-group{flex:1;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);background:var(--semantic-light-surface);border-radius:var(--radius-xl);border:1.5px solid var(--semantic-light-border);transition:border-color var(--animation-duration-base) var(--animation-easing-default),box-shadow var(--animation-duration-base) var(--animation-easing-default),background var(--animation-duration-base) var(--animation-easing-default)}.input-group:focus-within{background:var(--semantic-light-background);border-color:var(--semantic-light-primary);box-shadow:0 0 0 3px #14b8a626}.input-icon{color:var(--semantic-light-text-muted);display:flex;align-items:center;flex-shrink:0;transition:color var(--animation-duration-base) var(--animation-easing-default)}.input-group:focus-within .input-icon{color:var(--semantic-light-primary)}.input{flex:1;padding:var(--spacing-2) 0;border:none;font-size:1rem;font-family:inherit;outline:none;background:transparent;min-width:0;color:var(--semantic-light-text)}.input::placeholder{color:var(--semantic-light-text-muted)}.btn{display:flex;align-items:center;gap:var(--spacing-2);padding:10px var(--spacing-5);background:linear-gradient(135deg,#14b8a6,#0d9488 60%,#0f766e);color:var(--semantic-light-primary-foreground);border:none;border-radius:var(--radius-xl);font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:transform var(--animation-duration-base) var(--animation-easing-default),box-shadow var(--animation-duration-base) var(--animation-easing-default);box-shadow:var(--shadow-button);white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #14b8a64d,inset 0 1px #fff3}.btn:disabled{opacity:.5;cursor:not-allowed}.spin{animation:subscribe-spin 1s linear infinite}@keyframes subscribe-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subscribe-error{color:var(--semantic-light-error);font-size:var(--typography-font-size-sm);margin-top:var(--spacing-3);text-align:center}.subscribe-success{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);background:linear-gradient(135deg,var(--colors-teal-50) 0%,var(--colors-teal-100) 100%);border-radius:var(--radius-2xl);border:1.5px solid var(--colors-teal-300);box-shadow:var(--shadow-success);animation:subscribe-slide-up var(--animation-duration-state) var(--animation-easing-bounce) both}.success-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,#14b8a6,#0f766e);color:var(--semantic-light-primary-foreground);border-radius:50%;box-shadow:0 4px 12px #14b8a666;animation:subscribe-scale-in var(--animation-duration-state) var(--animation-easing-bounce) .1s both}.success-text{display:flex;flex-direction:column;gap:2px;text-align:left}.success-title{font-weight:700;color:var(--colors-teal-900);font-size:1rem}.success-desc{font-size:var(--typography-font-size-sm);color:var(--colors-teal-700);line-height:1.4}@keyframes subscribe-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes subscribe-scale-in{0%{transform:scale(0)}to{transform:scale(1)}}