.language-switcher{display:flex;align-items:center}.language-select{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d4a574' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-2) center;padding-right:var(--spacing-8)}.language-select:hover{border-color:var(--color-primary);background-color:var(--color-surface)}.language-select:focus{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);padding:0;flex-shrink:0}.theme-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.theme-icon{width:20px;height:20px;transition:transform var(--transition-base)}.theme-toggle:hover .theme-icon{transform:rotate(15deg)}.header{background-color:#0f0f12e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}@media (prefers-reduced-motion: reduce){.header{transition:none}}[data-theme=light] .header{background-color:#faf9f7f2;border-bottom-color:var(--color-border)}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-4);gap:var(--spacing-6);max-width:var(--max-width-wide);margin:0 auto}@media (min-width: 768px){.nav{padding:var(--spacing-5) var(--spacing-8)}}.nav-logo{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;letter-spacing:var(--letter-spacing-tight);transition:all var(--transition-fast)}.nav-logo:hover{color:var(--color-primary-light);text-shadow:0 0 20px rgba(212,165,116,.3)}.nav-links{display:none;gap:var(--spacing-8);align-items:center}@media (min-width: 1024px){.nav-links{display:flex}}.nav-link{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wide);color:var(--color-text-tertiary);text-decoration:none;transition:all var(--transition-fast);position:relative}.nav-link:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:1px;background:var(--color-primary);transition:width var(--transition-base)}.nav-link:hover{color:var(--color-text)}.nav-link:hover:after{width:100%}.nav-auth{display:flex;align-items:center;gap:var(--spacing-4)}.btn{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary-bg);box-shadow:var(--shadow-glow)}.btn-primary{background:var(--gradient-accent);border:1px solid transparent;color:var(--color-background)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.nav-mobile-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast)}.nav-mobile-toggle:hover{color:var(--color-primary)}@media (min-width: 1024px){.nav-mobile-toggle{display:none}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-16) var(--spacing-4) var(--spacing-8);margin-top:0}.footer-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-10);margin-bottom:var(--spacing-12);max-width:var(--max-width-content);margin-left:auto;margin-right:auto}@media (min-width: 768px){.footer-content{grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-12)}}.footer-section{display:flex;flex-direction:column}.footer-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-primary);margin-bottom:var(--spacing-4);letter-spacing:var(--letter-spacing-tight)}.footer-heading{font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--spacing-5)}.footer-description{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:360px;margin-bottom:0}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-links a{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);text-decoration:none;transition:all var(--transition-fast)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{padding-top:var(--spacing-8);border-top:1px solid var(--color-border);text-align:center;max-width:var(--max-width-content);margin:0 auto}.footer-bottom p{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);color:var(--color-text-muted);margin-bottom:0}.footer-newsletter{margin-top:var(--spacing-6)}.footer-newsletter-form{display:flex;gap:var(--spacing-2);max-width:320px}.footer-newsletter-input{flex:1;padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.footer-newsletter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.footer-newsletter-button{padding:var(--spacing-3) var(--spacing-5);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-background);background:var(--gradient-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.footer-newsletter-button:hover{box-shadow:var(--shadow-glow)}.footer-social{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-6)}.footer-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:all var(--transition-fast)}.footer-social-link:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-glow)}.footer-social-link svg{width:18px;height:18px}.card-animation-hero{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#000;scroll-snap-align:start;scroll-snap-stop:always}.card-scroll-hint{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.card-animation-hero:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:100;background-size:100% 2px,3px 100%;pointer-events:none}:root{--color-primary: #D4A574;--color-primary-dark: #C4956A;--color-primary-light: #E4B584;--color-primary-lighter: #F4D5B4;--color-primary-bg: rgba(212, 165, 116, .12);--color-secondary: #C9A9A6;--color-secondary-dark: #B99996;--color-secondary-light: #D9B9B6;--color-accent: #9B8AA6;--color-accent-dark: #8B7A96;--color-accent-light: #ABA0B6;--color-background: #0F0F12;--color-surface: #18181C;--color-surface-elevated: #1F1F24;--color-surface-hover: #28282E;--color-text: #F5F3F0;--color-text-secondary: #B8B5B0;--color-text-tertiary: #8A8785;--color-text-muted: #5E5C5A;--color-border: #2A2A30;--color-border-light: #222226;--color-success: #7EAA8D;--color-success-light: rgba(126, 170, 141, .15);--color-warning: #D4A574;--color-warning-light: rgba(212, 165, 116, .15);--color-error: #C97B7B;--color-error-light: rgba(201, 123, 123, .15);--color-info: #7B9BC9;--color-info-light: rgba(123, 155, 201, .15);--gradient-warm: linear-gradient(135deg, #0F0F12 0%, #18181C 50%, #1A1518 100%);--gradient-glow: radial-gradient(ellipse at 50% 0%, rgba(212, 165, 116, .08) 0%, transparent 60%);--gradient-accent: linear-gradient(135deg, #D4A574 0%, #C9A9A6 100%);--gradient-card: linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 100%);--font-heading: "Cormorant", "Georgia", serif;--font-primary: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-accent: "Cormorant", "Georgia", serif;--font-size-xs: .8125rem;--font-size-sm: .9375rem;--font-size-base: 1.0625rem;--font-size-lg: 1.1875rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--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-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.6;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tight: -.03em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--letter-spacing-widest: .2em;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--max-width-prose: 65ch;--max-width-content: 1200px;--max-width-wide: 1400px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .7);--shadow-glow: 0 0 40px rgba(212, 165, 116, .15);--shadow-glow-strong: 0 0 60px rgba(212, 165, 116, .25);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--transition-fast: .15s ease-out;--transition-base: .25s ease-out;--transition-slow: .4s ease-out;--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms;--transition-bounce: 0ms}}[data-theme=light]{--color-primary: #D4A574;--color-primary-dark: #B8955A;--color-primary-light: #E4B584;--color-primary-lighter: #F4D5B4;--color-primary-bg: rgba(212, 165, 116, .1);--color-secondary: #C9A9A6;--color-secondary-dark: #A98986;--color-secondary-light: #D9B9B6;--color-accent: #9B8AA6;--color-accent-dark: #7B6A86;--color-accent-light: #ABA0B6;--color-background: #FAF9F7;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-surface-hover: #F5F3F0;--color-text: #1A1816;--color-text-secondary: #4A4845;--color-text-tertiary: #6B6966;--color-text-muted: #8A8785;--color-border: #E5E3E0;--color-border-light: #F0EEEA;--color-success: #5D8A6B;--color-success-light: rgba(93, 138, 107, .1);--color-warning: #C4956A;--color-warning-light: rgba(196, 149, 106, .1);--color-error: #B85B5B;--color-error-light: rgba(184, 91, 91, .1);--color-info: #6B8BB9;--color-info-light: rgba(107, 139, 185, .1);--gradient-warm: linear-gradient(135deg, #FAF9F7 0%, #FFFFFF 50%, #F8F6F3 100%);--gradient-glow: radial-gradient(ellipse at 50% 0%, rgba(212, 165, 116, .06) 0%, transparent 60%);--gradient-accent: linear-gradient(135deg, #D4A574 0%, #C9A9A6 100%);--gradient-card: linear-gradient(180deg, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, 0) 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15);--shadow-glow: 0 0 40px rgba(212, 165, 116, .12);--shadow-glow-strong: 0 0 60px rgba(212, 165, 116, .2);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .05)}.todays-affirmation-hero{height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--spacing-8) var(--spacing-4);background:var(--gradient-warm);position:relative;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.todays-affirmation-hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:200%;height:100%;background:radial-gradient(circle at 50% 0%,rgba(212,165,116,.7) 0%,rgba(212,165,116,.5) 8%,rgba(212,165,116,.4) 15%,rgba(212,165,116,.3) 25%,rgba(212,165,116,.2) 40%,rgba(212,165,116,.15) 60%,rgba(212,165,116,.1) 80%,rgba(212,165,116,.05) 95%,transparent 100%);pointer-events:none;filter:blur(150px);z-index:0;mask-image:radial-gradient(ellipse 100% 80% at 50% 0%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 0%,black 40%,transparent 100%)}[data-theme=light] .todays-affirmation-hero:before{display:none}.todays-affirmation-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(212,165,116,.3) 1px,transparent 0),radial-gradient(1px 1px at 40% 70%,rgba(212,165,116,.2) 1px,transparent 0),radial-gradient(1px 1px at 60% 20%,rgba(201,169,166,.3) 1px,transparent 0),radial-gradient(1px 1px at 80% 50%,rgba(155,138,166,.2) 1px,transparent 0);opacity:.6;animation:twinkle 8s ease-in-out infinite}.todays-affirmation-content{position:relative;z-index:1;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-4)}.todays-affirmation-label{font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--spacing-4)}.todays-affirmation-text{margin-top:var(--spacing-2)}.todays-affirmation-text{font-family:var(--font-heading);font-size:clamp(2rem,6vw,4rem);font-weight:var(--font-weight-normal);font-style:italic;line-height:var(--line-height-relaxed);color:var(--color-text);letter-spacing:var(--letter-spacing-tight);margin:0;padding:0 var(--spacing-4)}.todays-affirmation-category{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-primary);opacity:.8}.todays-affirmation-scroll-hint{position:absolute;bottom:var(--spacing-8);left:50%;transform:translate(-50%);z-index:2;animation:bounce 2s ease-in-out infinite;opacity:.6;cursor:pointer;transition:opacity var(--transition-fast)}.todays-affirmation-scroll-hint:hover{opacity:1}.scroll-hint-icon{width:24px;height:24px;color:var(--color-text-secondary)}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@media (prefers-reduced-motion: reduce){.todays-affirmation-hero:after{animation:none}.todays-affirmation-scroll-hint{animation:none}}.landing-hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--spacing-8) var(--spacing-4);background:var(--gradient-warm);position:relative;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:80px}.landing-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150%;height:60%;background:var(--gradient-glow);pointer-events:none}.landing-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(212,165,116,.3) 1px,transparent 0),radial-gradient(1px 1px at 40% 70%,rgba(212,165,116,.2) 1px,transparent 0),radial-gradient(1px 1px at 60% 20%,rgba(201,169,166,.3) 1px,transparent 0),radial-gradient(1px 1px at 80% 50%,rgba(155,138,166,.2) 1px,transparent 0),radial-gradient(1.5px 1.5px at 10% 60%,rgba(212,165,116,.4) 1px,transparent 0),radial-gradient(1.5px 1.5px at 90% 80%,rgba(201,169,166,.3) 1px,transparent 0);opacity:.6;animation:twinkle 8s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.6}50%{opacity:.8}}@media (prefers-reduced-motion: reduce){.landing-hero:after{animation:none}}.hero-content{position:relative;z-index:1;max-width:850px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);color:var(--color-primary);margin-bottom:var(--spacing-8);box-shadow:var(--shadow-glow)}.hero-badge svg{width:18px;height:18px;color:var(--color-primary)}.hero-title{font-family:var(--font-heading);font-size:clamp(2.75rem,7vw,var(--font-size-6xl));font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);color:var(--color-text);margin-bottom:var(--spacing-6);letter-spacing:var(--letter-spacing-tight)}.hero-title-accent{color:var(--color-primary);font-style:italic;display:block}.hero-subtitle{font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:600px;margin:0 auto var(--spacing-12)}.affirmation-listen-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);margin-bottom:var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.affirmation-listen-btn svg{width:18px;height:18px}.affirmation-listen-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary-bg);color:var(--color-primary)}.affirmation-listen-btn.speaking{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary);animation:pulse-glow 2s ease-in-out infinite}.affirmation-listen-btn.loading{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary);cursor:wait}.affirmation-listen-btn:disabled{opacity:.7;cursor:wait}@keyframes pulse-glow{0%,to{box-shadow:0 0 #d4a57466}50%{box-shadow:0 0 20px 4px #d4a57433}}@media (prefers-reduced-motion: reduce){.affirmation-listen-btn.speaking{animation:none}}.hero-newsletter{margin-top:var(--spacing-8)}.hero-quick-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-10)}.quick-link{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast)}.quick-link:hover{background:var(--color-surface-hover);border-color:var(--color-primary-bg);color:var(--color-primary)}.quick-link svg{width:16px;height:16px}.newsletter-form{display:flex;flex-direction:column;gap:var(--spacing-3);max-width:480px;margin:0 auto}@media (min-width: 640px){.newsletter-form{flex-direction:row}}.newsletter-form-centered{max-width:520px}.newsletter-input{flex:1;padding:var(--spacing-4) var(--spacing-5);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.newsletter-input::placeholder{color:var(--color-text-muted)}.newsletter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg),var(--shadow-glow)}.newsletter-button{padding:var(--spacing-4) var(--spacing-8);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);color:var(--color-background);background:var(--gradient-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.newsletter-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-strong)}.newsletter-button:active{transform:translateY(0)}.newsletter-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.newsletter-hint{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-4)}.newsletter-error{font-family:var(--font-primary);font-size:var(--font-size-sm);color:#fca5a5;margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:#ef444426;border-radius:var(--radius-sm);width:100%;text-align:center}.stats-section{background:var(--color-surface);padding:var(--spacing-12) var(--spacing-4);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);scroll-snap-align:start;scroll-margin-top:80px}.stats-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-8);max-width:var(--max-width-content);margin:0 auto}@media (min-width: 768px){.stats-container{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center}.stat-number{display:block;font-family:var(--font-heading);font-size:var(--font-size-4xl);font-weight:var(--font-weight-normal);color:var(--color-primary);line-height:1;margin-bottom:var(--spacing-2)}.stat-label{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide)}.ad-container{background:var(--color-surface);min-height:90px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.ad-container-horizontal{padding:var(--spacing-4)}.landing-section{padding:var(--spacing-24) var(--spacing-4);position:relative;scroll-snap-align:start;scroll-margin-top:80px}.landing-section-alt{background:var(--color-surface)}.section-container{max-width:var(--max-width-content);margin:0 auto}.section-label{display:inline-block;font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--spacing-4)}.section-cta{text-align:center;margin-top:var(--spacing-12)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-8);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--color-primary-bg);transform:translateY(-2px)}.btn-secondary svg{width:18px;height:18px}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--color-surface-elevated);background-image:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);transition:all var(--transition-base);cursor:default;position:relative;overflow:hidden}.feature-card-link{text-decoration:none;cursor:pointer;display:block}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-light),transparent);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-primary-bg);box-shadow:var(--shadow-lg),var(--shadow-glow)}.feature-card:hover:before{opacity:1;background:linear-gradient(90deg,transparent,var(--color-primary-light),transparent)}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5)}.feature-icon svg{width:26px;height:26px;color:var(--color-primary)}.feature-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-3)}.feature-description{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.feature-meta{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.feature-count{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.feature-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--transition-fast)}.feature-arrow svg{width:18px;height:18px}.feature-card:hover .feature-arrow{color:var(--color-primary);transform:translate(4px)}.steps-container{display:flex;flex-direction:column;gap:var(--spacing-12);max-width:900px;margin:0 auto}@media (min-width: 768px){.steps-container{flex-direction:row;align-items:flex-start;gap:var(--spacing-8)}}.step-item{flex:1;text-align:center;position:relative}@media (min-width: 768px){.step-item:not(:last-child):after{content:"";position:absolute;top:36px;right:-16px;width:32px;height:1px;background:linear-gradient(90deg,var(--color-primary),transparent)}}.step-number{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);background:var(--color-surface-elevated);border:1px solid var(--color-primary);border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);color:var(--color-primary);box-shadow:var(--shadow-glow)}.step-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-3)}.step-description{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:280px;margin:0 auto}.newsletter-section{background:var(--gradient-warm);padding:var(--spacing-24) var(--spacing-4);text-align:center;position:relative;overflow:hidden;scroll-snap-align:start;scroll-margin-top:80px}.newsletter-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200%;height:100%;background:radial-gradient(ellipse at 50% 0%,rgba(212,165,116,.08) 0%,transparent 60%);pointer-events:none}.newsletter-section-content{max-width:600px;margin:0 auto;position:relative;z-index:1}.newsletter-section-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-8);background:var(--color-surface-elevated);border:1px solid var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-glow)}.newsletter-section-icon svg{width:36px;height:36px;color:var(--color-primary)}.newsletter-section-title{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,var(--font-size-3xl));font-weight:var(--font-weight-normal);color:var(--color-text);margin-bottom:var(--spacing-4)}.newsletter-section-description{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-light);color:var(--color-text-secondary);margin-bottom:var(--spacing-10);line-height:var(--line-height-relaxed)}.newsletter-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-6);margin-top:var(--spacing-8)}.newsletter-benefit{display:inline-flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.newsletter-benefit svg{width:16px;height:16px;color:var(--color-primary)}.quotes-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 768px){.quotes-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.quotes-grid{grid-template-columns:repeat(3,1fr)}}.quote-card{background:var(--color-surface-elevated);background-image:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);display:flex;flex-direction:column;position:relative;transition:transform .2s ease,box-shadow .2s ease}.quote-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.quote-text{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-light);font-style:italic;color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-4) 0;position:relative;z-index:1}.quote-text:before{content:'"';font-size:4rem;font-family:var(--font-heading);color:var(--color-accent);opacity:.2;position:absolute;top:-20px;left:-10px;line-height:1;z-index:0}.quote-author{font-family:var(--font-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);font-style:normal;margin-top:auto;text-align:right}.videos-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 768px){.videos-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.videos-grid{grid-template-columns:repeat(3,1fr)}}.video-card{background:var(--color-surface-elevated);background-image:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.video-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:var(--color-surface);overflow:hidden}.video-embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-info{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-2)}.video-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.video-description{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 768px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background:var(--color-surface-elevated);background-image:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);display:flex;flex-direction:column;position:relative}.testimonial-quote{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light);font-style:italic;color:var(--color-text-secondary);line-height:var(--line-height-relaxed);flex:1;margin-bottom:var(--spacing-6);position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-3)}.testimonial-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-primary-bg);border:1px solid rgba(212,165,116,.3);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-primary)}.testimonial-info{display:flex;flex-direction:column}.testimonial-name{font-family:var(--font-primary);font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-size-base)}.testimonial-role{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-muted)}.cta-section{background:var(--color-surface);padding:var(--spacing-24) var(--spacing-4);text-align:center;position:relative;overflow:hidden;scroll-snap-align:start;scroll-margin-top:80px}.cta-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200%;height:100%;background:radial-gradient(ellipse at 50% 0%,rgba(212,165,116,.06) 0%,transparent 50%);pointer-events:none}.cta-content{max-width:600px;margin:0 auto;position:relative;z-index:1}.cta-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,var(--font-size-4xl));font-weight:var(--font-weight-normal);color:var(--color-text);margin-bottom:var(--spacing-4);letter-spacing:var(--letter-spacing-tight)}.cta-description{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-light);color:var(--color-text-secondary);margin-bottom:var(--spacing-10);line-height:var(--line-height-relaxed)}.cta-buttons{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center}@media (min-width: 480px){.cta-buttons{flex-direction:row;justify-content:center}}.cta-button{display:inline-flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-10);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);color:var(--color-background);background:var(--gradient-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.cta-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow-strong);color:var(--color-background)}.cta-button svg{transition:transform var(--transition-fast)}.cta-button:hover svg{transform:translate(4px)}.cta-button-secondary{display:inline-flex;align-items:center;padding:var(--spacing-5) var(--spacing-10);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.cta-button-secondary:hover{background:var(--color-primary-bg);transform:translateY(-2px)}.success-message{padding:var(--spacing-6);background:var(--color-success-light);border:1px solid rgba(126,170,141,.3);border-radius:var(--radius-lg);max-width:480px;margin:0 auto}.success-message-title{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);color:var(--color-success);margin-bottom:var(--spacing-2)}.success-message-text{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:0}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A8785' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-4) center;padding-right:var(--spacing-12);cursor:pointer}.admin-page{min-height:100vh;background:var(--color-bg-primary);padding:var(--spacing-8);max-width:1200px;margin:0 auto}.admin-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border)}.admin-header h1{font-family:var(--font-primary);font-size:var(--font-size-2xl);color:var(--color-text-primary);margin:0}.admin-dev-badge{background:#ef444433;color:#fca5a5;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-family:var(--font-secondary)}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-muted);font-family:var(--font-primary)}.admin-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.admin-section h2{font-family:var(--font-primary);font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.admin-section-header h2{margin:0}.admin-status{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-family:var(--font-secondary)}.admin-status-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.admin-status-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.admin-newsletter-selector{margin-bottom:var(--spacing-4)}.admin-newsletter-selector label{display:block;font-family:var(--font-secondary);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.admin-newsletter-selector select{width:100%;padding:var(--spacing-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-secondary);font-size:var(--font-size-base)}.admin-newsletter-selector select:focus{outline:none;border-color:var(--color-accent)}.admin-preview{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-4);margin-top:var(--spacing-4)}.admin-preview h3{font-family:var(--font-primary);color:var(--color-accent);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--spacing-3) 0}.admin-preview blockquote{font-family:var(--font-primary);font-size:var(--font-size-xl);color:var(--color-text-primary);font-style:italic;margin:0 0 var(--spacing-3) 0;line-height:1.5}.admin-preview-category{font-family:var(--font-secondary);color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--spacing-4) 0}.admin-button{font-family:var(--font-secondary);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.admin-button:hover{background:var(--color-bg-secondary);border-color:var(--color-accent)}.admin-button:disabled{opacity:.5;cursor:not-allowed}.admin-button-primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:var(--color-bg-primary);border:none;font-weight:600}.admin-button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4b8964d}.admin-button-secondary{background:transparent;border-color:var(--color-accent);color:var(--color-accent)}.admin-button-danger{background:transparent;border-color:#ef4444;color:#fca5a5}.admin-button-danger:hover{background:#ef444426;border-color:#ef4444}.admin-button-small{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);margin-right:var(--spacing-2)}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-family:var(--font-secondary)}.admin-table th,.admin-table td{padding:var(--spacing-3);text-align:left;border-bottom:1px solid var(--color-border)}.admin-table th{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.admin-table td{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.admin-table tr:hover{background:#ffffff05}.admin-table-text{max-width:400px;color:var(--color-text-primary)!important}.admin-category-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);background:var(--color-bg-primary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.admin-muted{color:var(--color-text-muted);font-style:italic}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.admin-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.admin-modal h3{font-family:var(--font-primary);font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.admin-form-group{margin-bottom:var(--spacing-4)}.admin-form-group label{display:block;font-family:var(--font-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.admin-form-group input,.admin-form-group textarea,.admin-form-group select{width:100%;padding:var(--spacing-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-secondary);font-size:var(--font-size-base)}.admin-form-group textarea{resize:vertical;font-family:var(--font-primary)}.admin-form-group input:focus,.admin-form-group textarea:focus,.admin-form-group select:focus{outline:none;border-color:var(--color-accent)}.admin-modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6)}.game-section{padding:var(--spacing-8) var(--spacing-4);min-height:calc(100vh - 200px)}.game-container{max-width:600px;margin:0 auto;background:var(--color-surface-elevated);background-image:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-glow)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);margin-bottom:var(--spacing-6);transition:color var(--transition-fast)}.game-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0ff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.game-modal{background:var(--color-surface-elevated);background-image:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-glow)}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.game-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0}.game-close{background:none;border:none;font-size:32px;color:var(--color-text-secondary);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.game-close:hover{color:var(--color-text-primary)}.game-instructions{text-align:center}.game-instructions h3{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.game-instructions ul{list-style:none;padding:0;margin:0 0 var(--spacing-6) 0;text-align:left;max-width:400px;margin-left:auto;margin-right:auto}.game-instructions li{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-3);line-height:var(--line-height-relaxed)}.game-example-correct{display:inline-block;background:#4ade80;color:#0a0a0f;padding:2px 8px;border-radius:4px;font-weight:var(--font-weight-medium);margin:0 4px}.game-example-present{display:inline-block;background:#fbbf24;color:#0a0a0f;padding:2px 8px;border-radius:4px;font-weight:var(--font-weight-medium);margin:0 4px}.game-example-absent{display:inline-block;background:#fff3;color:var(--color-text-secondary);padding:2px 8px;border-radius:4px;font-weight:var(--font-weight-medium);margin:0 4px}.game-board{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.game-row{display:flex;gap:var(--spacing-2);justify-content:center}.game-cell{width:60px;height:60px;border:2px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);background:var(--color-surface);transition:all .3s ease;position:relative}.game-cell-cursor{border-color:var(--color-accent)}.game-cursor{position:absolute;font-size:var(--font-size-2xl);color:var(--color-accent);font-weight:var(--font-weight-light);animation:blink 1s infinite;pointer-events:none}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.game-cell-empty{background:var(--color-surface);border-color:var(--color-border)}.game-cell-correct{background:#4ade80;border-color:#4ade80;color:#0a0a0f;transform:scale(1.05)}.game-cell-present{background:#fbbf24;border-color:#fbbf24;color:#0a0a0f;transform:scale(1.05)}.game-cell-absent{background:#ffffff1a;border-color:#fff3;color:var(--color-text-secondary);opacity:.6}.game-result{text-align:center;padding:var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6)}.game-result-won{background:#4ade801a;border:1px solid rgba(74,222,128,.3)}.game-result-lost{background:#ffffff0d;border:1px solid var(--color-border)}.game-result h3{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0}.game-result p{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:var(--spacing-2) 0}.game-result strong{color:var(--color-accent);font-weight:var(--font-weight-medium)}.game-keyboard{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-6)}.keyboard-row{display:flex;gap:var(--spacing-1);justify-content:center;flex-wrap:wrap}.keyboard-key{min-width:40px;height:48px;padding:0 var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.keyboard-key:hover{background:var(--color-surface-elevated);border-color:var(--color-accent);transform:translateY(-1px)}.keyboard-key:active{transform:translateY(0)}.keyboard-key-default{background:var(--color-surface);color:var(--color-text-primary)}.keyboard-key-correct{background:#4ade80;border-color:#4ade80;color:#0a0a0f}.keyboard-key-present{background:#fbbf24;border-color:#fbbf24;color:#0a0a0f}.keyboard-key-absent{background:#ffffff1a;border-color:#fff3;color:var(--color-text-secondary);opacity:.6}.keyboard-key-enter,.keyboard-key-backspace{min-width:60px;background:var(--color-primary-bg);border-color:var(--color-accent);color:var(--color-accent);font-size:var(--font-size-xs)}.keyboard-key-enter:hover,.keyboard-key-backspace:hover{background:var(--color-accent);color:#0a0a0f}.game-button{padding:var(--spacing-4) var(--spacing-8);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);color:var(--color-background);background:var(--gradient-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;margin-top:var(--spacing-4)}.game-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-strong)}.game-button:active{transform:translateY(0)}.game-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.game-enter-hint{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);margin:var(--spacing-4) 0;padding:var(--spacing-3) var(--spacing-4);background:#d4b8961a;border:1px solid rgba(212,184,150,.3);border-radius:var(--radius-md);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.game-enter-hint-icon{font-size:var(--font-size-lg)}.game-enter-hint-text{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.game-enter-hint-text strong{color:var(--color-accent);font-weight:var(--font-weight-medium)}.game-hints{margin:var(--spacing-6) 0;padding:var(--spacing-6);background:#d4b8960d;border:1px solid rgba(212,184,150,.2);border-radius:var(--radius-lg)}.game-hints-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.game-hints-title{font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0}.game-hint-button{background:var(--color-primary-bg);color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.game-hint-button:hover{background:var(--color-accent);color:#0a0a0f;transform:translateY(-1px)}.game-hints-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.game-hint-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);background:#ffffff08;border-radius:var(--radius-md);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.game-hint-number{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:var(--color-accent);color:#0a0a0f;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.game-hint-text{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);flex:1}.game-start-button{background:linear-gradient(135deg,var(--color-accent) 0%,#c4a67a 100%);color:#0a0a0f;border:none;border-radius:var(--radius-md);padding:var(--spacing-4) var(--spacing-8);font-family:var(--font-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:var(--spacing-2);text-decoration:none}.game-start-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}@media (max-width: 768px){.game-modal{padding:var(--spacing-6);max-height:95vh}.game-container{padding:var(--spacing-6)}.game-cell{width:50px;height:50px;font-size:var(--font-size-lg)}.keyboard-key{min-width:32px;height:40px;padding:0 var(--spacing-2);font-size:var(--font-size-xs)}.keyboard-key-lg{min-width:50px}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-snap-type:y mandatory}@media (prefers-reduced-motion: reduce){html{scroll-snap-type:none}}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-background);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);line-height:1.2;color:var(--color-text);margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-4xl)}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{margin-bottom:var(--spacing-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.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}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:1px solid transparent}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-background)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-background)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark)}.btn-outline{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-background)}.btn-ghost{background-color:transparent;color:var(--color-text)}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface)}.card{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--spacing-4)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.card-content{color:var(--color-text-secondary)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-tertiary)}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}@media (min-width: 640px){.container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}.grid{display:grid;gap:var(--spacing-6)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){.grid-cols-sm-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.grid-cols-lg-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-border-light) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:var(--spacing-16) var(--spacing-4);color:var(--color-text-secondary)}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-text)}.empty-state-description{font-size:var(--font-size-base);margin-bottom:var(--spacing-6)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.page-hero{background:var(--gradient-warm);padding:var(--spacing-24) var(--spacing-4) var(--spacing-16);text-align:center;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150%;height:80%;background:var(--gradient-glow);pointer-events:none}.page-hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.page-hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,var(--font-size-5xl));font-weight:var(--font-weight-normal);color:var(--color-text);margin-bottom:var(--spacing-4);letter-spacing:var(--letter-spacing-tight)}.page-hero-subtitle{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.legal-section{background:var(--color-background);padding:var(--spacing-16) var(--spacing-4)}.legal-container{max-width:var(--max-width-prose);margin:0 auto}.legal-content{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-10) var(--spacing-8)}.legal-section-content{margin-bottom:var(--spacing-10)}.legal-section-content:last-child{margin-bottom:0}.legal-section-content h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-4);letter-spacing:var(--letter-spacing-tight)}.legal-section-content p{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.legal-section-content ul{list-style:none;padding:0;margin:var(--spacing-4) 0}.legal-section-content li{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);padding-left:var(--spacing-6);position:relative;margin-bottom:var(--spacing-2)}.legal-section-content li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-weight-bold)}@media (max-width: 768px){.legal-content{padding:var(--spacing-6) var(--spacing-4)}.legal-section-content h2{font-size:var(--font-size-xl)}}.categories-section{background:var(--color-surface);padding:var(--spacing-12) var(--spacing-4);border-bottom:1px solid var(--color-border)}.categories-container{max-width:var(--max-width-content);margin:0 auto}.categories-header{text-align:center;margin-bottom:var(--spacing-8)}.categories-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:0}.categories-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-3)}.category-chip{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.category-chip svg{width:16px;height:16px}.category-chip:hover{background:var(--color-surface-hover);border-color:var(--color-primary-bg);color:var(--color-text-secondary)}.category-chip.active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-glow)}.affirmations-section{padding:var(--spacing-16) var(--spacing-4)}.affirmations-container{max-width:var(--max-width-content);margin:0 auto}.affirmations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)}.affirmations-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:0}.affirmations-count{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-muted)}.affirmations-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 640px){.affirmations-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.affirmations-grid{grid-template-columns:repeat(3,1fr)}}.affirmation-card{background:var(--color-surface-elevated);background-image:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);text-decoration:none;display:flex;flex-direction:column;transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.affirmation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-light),transparent);opacity:0;transition:opacity var(--transition-base)}.affirmation-card:hover{transform:translateY(-4px);border-color:var(--color-primary-bg);box-shadow:var(--shadow-lg),var(--shadow-glow)}.affirmation-card:hover:before{opacity:1;background:linear-gradient(90deg,transparent,var(--color-primary-light),transparent)}.affirmation-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5)}.affirmation-card-icon svg{width:22px;height:22px}.affirmation-card-icon>span{display:flex;align-items:center;justify-content:center}.affirmation-card-text{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);font-style:italic;color:var(--color-text);line-height:var(--line-height-relaxed);flex:1;margin:0 0 var(--spacing-6) 0;border:none;padding:0}.affirmation-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.affirmation-card-category{font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);letter-spacing:var(--letter-spacing-wide)}.affirmation-card-arrow{color:var(--color-text-muted);transition:all var(--transition-fast)}.affirmation-card:hover .affirmation-card-arrow{color:var(--color-primary);transform:translate(4px)}.pagination{margin-top:var(--spacing-12);display:flex;flex-direction:column;gap:var(--spacing-6);align-items:center}.pagination-info{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-muted)}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;justify-content:center}.pagination-button{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pagination-button:hover:not(:disabled){background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button svg{width:16px;height:16px}.pagination-pages{display:flex;align-items:center;gap:var(--spacing-1)}.pagination-page{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pagination-page:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.pagination-page.active{background:var(--gradient-accent);border-color:var(--color-primary);color:var(--color-background);font-weight:var(--font-weight-semibold)}.pagination-ellipsis{padding:0 var(--spacing-2);color:var(--color-text-muted);font-family:var(--font-primary);font-size:var(--font-size-sm)}@media (max-width: 640px){.pagination-controls{width:100%}.pagination-button{flex:1;justify-content:center}.pagination-pages{flex-wrap:wrap;justify-content:center}}.category-cards-section{background:var(--color-surface);padding:var(--spacing-24) var(--spacing-4)}.category-cards-container{max-width:var(--max-width-content);margin:0 auto}.category-cards-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 768px){.category-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.category-cards-grid{grid-template-columns:repeat(3,1fr)}}.category-card{background:var(--color-surface-elevated);background-image:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:left;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-light),transparent);opacity:0;transition:opacity var(--transition-base)}.category-card:hover{transform:translateY(-4px);border-color:var(--color-primary-bg);box-shadow:var(--shadow-lg),var(--shadow-glow)}.category-card:hover:before{opacity:1;background:linear-gradient(90deg,transparent,var(--color-primary-light),transparent)}.category-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5)}.category-card-icon svg{width:26px;height:26px}.category-card-icon>span{display:flex;align-items:center;justify-content:center}.category-card-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-3)}.category-card-description{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.category-card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.category-card-count{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.category-card-arrow{color:var(--color-text-muted);transition:all var(--transition-fast)}.category-card:hover .category-card-arrow{color:var(--color-primary);transform:translate(4px)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-16)}.section-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,var(--font-size-4xl));font-weight:var(--font-weight-normal);color:var(--color-text);margin-bottom:var(--spacing-5);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.section-description{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.detail-nav{padding:var(--spacing-6) var(--spacing-4);background:var(--color-background)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary)}.affirmation-detail{background:var(--color-background)}.affirmation-detail-container{max-width:800px;margin:0 auto;padding:var(--spacing-16) var(--spacing-4);text-align:center}.affirmation-detail-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);color:var(--color-primary);margin-bottom:var(--spacing-10)}.affirmation-detail-badge svg{width:16px;height:16px}.affirmation-detail-quote{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,var(--font-size-4xl));font-weight:var(--font-weight-normal);font-style:italic;color:var(--color-text);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-12) 0;border:none;padding:0}.affirmation-detail-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-3)}.action-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.action-btn svg{width:16px;height:16px}.action-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary-bg);color:var(--color-text)}.action-btn-primary{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.action-btn-primary:hover{background:#d4a57433}.action-btn-speaking{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary);animation:pulse-glow 2s ease-in-out infinite}.action-btn-loading{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary);cursor:wait}.action-btn:disabled{opacity:.7;cursor:wait}.action-btn.active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.share-dropdown-wrapper .action-btn{position:relative}.share-dropdown-wrapper .action-btn svg:last-child{transition:transform var(--transition-fast);margin-left:auto}.share-dropdown-wrapper .action-btn.active svg:last-child{transform:rotate(180deg)}.share-dropdown-wrapper .support-button{position:relative}.share-dropdown-wrapper .support-button svg:last-child{transition:transform var(--transition-fast);margin-left:auto}.share-dropdown-wrapper .support-button.active svg:last-child{transform:rotate(180deg)}.share-dropdown-wrapper{position:relative}.share-dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;z-index:100;overflow:hidden;margin-top:var(--spacing-2)}.share-dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);text-align:left}.share-dropdown-item:last-child{border-bottom:none}.share-dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.share-dropdown-item svg{width:18px;height:18px;flex-shrink:0}.share-dropdown-item span{flex:1}@media (max-width: 640px){.share-dropdown{right:auto;left:0;min-width:180px}}.spin-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.how-to-use-section{background:var(--color-surface);padding:var(--spacing-16) var(--spacing-4)}.how-to-use-container{max-width:700px;margin:0 auto}.how-to-use-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-8);text-align:center}.how-to-use-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.how-to-use-item{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-5);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.how-to-use-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary);flex-shrink:0}.how-to-use-text{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);padding-top:var(--spacing-1)}.related-section{padding:var(--spacing-16) var(--spacing-4)}.related-container{max-width:var(--max-width-content);margin:0 auto}.related-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-8);text-align:center}.related-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media (min-width: 768px){.related-grid{grid-template-columns:repeat(3,1fr)}}.related-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.related-card:hover{border-color:var(--color-primary-bg);box-shadow:var(--shadow-md),var(--shadow-glow)}.related-card-text{font-family:var(--font-heading);font-size:var(--font-size-base);font-style:italic;color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.related-card-link{display:inline-flex;align-items:center;gap:var(--spacing-1);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.related-card:hover .related-card-link svg{transform:translate(3px)}.related-card-link svg{transition:transform var(--transition-fast)}.detail-cta-section{background:var(--color-surface);padding:var(--spacing-16) var(--spacing-4);text-align:center}.detail-cta-container{max-width:500px;margin:0 auto}.detail-cta-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-4)}.detail-cta-description{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);line-height:var(--line-height-relaxed)}.detail-cta-button{display:inline-flex;align-items:center;padding:var(--spacing-4) var(--spacing-10);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);color:var(--color-background);background:var(--gradient-accent);border:none;border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.detail-cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-strong);color:var(--color-background)}.about-hero{background:var(--gradient-warm);padding:var(--spacing-24) var(--spacing-4) var(--spacing-16);text-align:center;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150%;height:80%;background:var(--gradient-glow);pointer-events:none}.about-hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.about-hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);color:var(--color-primary);margin-bottom:var(--spacing-8);box-shadow:var(--shadow-glow)}.about-hero-badge svg{width:16px;height:16px}.about-hero-title{font-family:var(--font-heading);font-size:clamp(2.25rem,5vw,var(--font-size-5xl));font-weight:var(--font-weight-normal);color:var(--color-text);margin-bottom:var(--spacing-6);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.about-hero-accent{color:var(--color-primary);font-style:italic}.about-hero-subtitle{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.about-section{padding:var(--spacing-20) var(--spacing-4)}.about-section-alt{background:var(--color-surface)}.about-container{max-width:var(--max-width-content);margin:0 auto}.mission-card{max-width:800px;margin:0 auto;background:var(--color-surface-elevated);background-image:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--spacing-12) var(--spacing-10);text-align:center;position:relative;overflow:hidden}.mission-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary-light),transparent);opacity:.5}.mission-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-primary);margin-bottom:var(--spacing-6)}.mission-text{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.mission-text:last-child{margin-bottom:0}.values-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 768px){.values-grid{grid-template-columns:repeat(3,1fr)}}.value-card{background:var(--color-surface-elevated);background-image:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;transition:all var(--transition-base)}.value-card:hover{transform:translateY(-4px);border-color:var(--color-primary-bg);box-shadow:var(--shadow-lg),var(--shadow-glow)}.value-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-5);background:var(--color-primary-bg);border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-full)}.value-icon svg{width:28px;height:28px;color:var(--color-primary)}.value-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-3)}.value-description{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:0}.support-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 768px){.support-grid{grid-template-columns:repeat(3,1fr)}}.support-card{background:var(--color-surface-elevated);background-image:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;display:flex;flex-direction:column;align-items:center;transition:all var(--transition-base)}.support-card:hover{transform:translateY(-4px);border-color:var(--color-primary-bg);box-shadow:var(--shadow-lg),var(--shadow-glow)}.support-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-5);background:var(--color-primary-bg);border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-lg)}.support-icon svg{width:26px;height:26px;color:var(--color-primary)}.support-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-3)}.support-description{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6);flex:1}.support-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-8);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.support-button:hover{background:var(--color-primary-bg);transform:translateY(-2px);color:var(--color-primary)}.support-button.active{background:var(--color-primary-bg)}.thank-you-section{background:var(--gradient-warm);padding:var(--spacing-24) var(--spacing-4);text-align:center;position:relative;overflow:hidden}.thank-you-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200%;height:100%;background:radial-gradient(ellipse at 50% 100%,rgba(212,165,116,.08) 0%,transparent 60%);pointer-events:none}.thank-you-content{position:relative;z-index:1;max-width:500px;margin:0 auto}.thank-you-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-8);background:var(--color-surface-elevated);border:1px solid var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-glow)}.thank-you-icon svg{width:36px;height:36px;color:var(--color-primary)}.thank-you-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-normal);color:var(--color-text);margin-bottom:var(--spacing-4)}.thank-you-text{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-10)}.thank-you-button{display:inline-flex;align-items:center;padding:var(--spacing-4) var(--spacing-10);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);color:var(--color-background);background:var(--gradient-accent);border:none;border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.thank-you-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-strong);color:var(--color-background)}.contact-hero{background:var(--gradient-warm);padding:var(--spacing-24) var(--spacing-4) var(--spacing-16);text-align:center;position:relative;overflow:hidden}.contact-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150%;height:80%;background:var(--gradient-glow);pointer-events:none}.contact-hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.contact-hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);color:var(--color-primary);margin-bottom:var(--spacing-8);box-shadow:var(--shadow-glow)}.contact-hero-badge svg{width:16px;height:16px}.contact-hero-title{font-family:var(--font-heading);font-size:clamp(2.25rem,5vw,var(--font-size-5xl));font-weight:var(--font-weight-normal);color:var(--color-text);margin-bottom:var(--spacing-6);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.contact-hero-accent{color:var(--color-primary);font-style:italic}.contact-hero-subtitle{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.contact-section{padding:var(--spacing-20) var(--spacing-4)}.contact-container{max-width:var(--max-width-content);margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-12)}@media (min-width: 1024px){.contact-grid{grid-template-columns:1fr 1.5fr;gap:var(--spacing-16)}}.contact-info{padding-right:0}@media (min-width: 1024px){.contact-info{padding-right:var(--spacing-8)}}.contact-info-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-4)}.contact-info-description{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-light);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-10)}.contact-method{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-6);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6)}.contact-method-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-lg);flex-shrink:0}.contact-method-icon svg{width:22px;height:22px;color:var(--color-primary)}.contact-method-content{flex:1}.contact-method-label{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-bottom:var(--spacing-1)}.contact-method-value{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.contact-method-value:hover{color:var(--color-primary-light)}.contact-note{padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.contact-note p{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:0}.contact-note strong{color:var(--color-text)}.contact-form-wrapper{background:var(--color-surface-elevated);background-image:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--spacing-10);position:relative;overflow:hidden}.contact-form-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary-light),transparent);opacity:.5}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-label{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);letter-spacing:var(--letter-spacing-wide)}.form-input{padding:var(--spacing-4) var(--spacing-5);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A8785' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-4) center;padding-right:var(--spacing-12);cursor:pointer}.form-select option{background:var(--color-surface);color:var(--color-text)}.form-textarea{resize:vertical;min-height:120px}.form-submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-8);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);color:var(--color-background);background:var(--gradient-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-2)}.form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-strong)}.form-submit:disabled{opacity:.7;cursor:not-allowed}.form-error{padding:var(--spacing-3) var(--spacing-4);background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#fca5a5;font-size:var(--font-sm);margin-bottom:var(--spacing-4)}.contact-success{text-align:center;padding:var(--spacing-8) 0}.contact-success-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);background:var(--color-success-light);border:1px solid rgba(126,170,141,.3);border-radius:var(--radius-full)}.contact-success-icon svg{width:40px;height:40px;color:var(--color-success)}.contact-success-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-3)}.contact-success-text{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8)}.contact-success-button{display:inline-flex;align-items:center;padding:var(--spacing-3) var(--spacing-8);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.contact-success-button:hover{background:var(--color-primary-bg)}