:root{--color-primary-50: #F0F4F8;--color-primary-100: #D9E2EC;--color-primary-300: #A0AEC0;--color-primary-500: #4A5568;--color-primary-700: #2D3748;--color-primary-900: #1A202C;--color-accent-50: #FFF5F5;--color-accent-200: #FED7D7;--color-accent-500: #F56565;--color-accent-700: #C53030;--color-night-50: #E2E8F0;--color-night-300: #CBD5E0;--color-night-500: #718096;--color-night-700: #4A5568;--color-night-900: #1A202C;--color-moon: var(--color-primary-50);--color-twilight: var(--color-primary-300);--color-midnight: var(--color-primary-700);--color-dream: var(--color-accent-200);--color-story: var(--color-accent-500);--text-primary: #2D3748;--text-secondary: #4A5568;--text-muted: #718096;--text-inverse: #FFFFFF;--bg-primary: #FFFFFF;--bg-secondary: #F7FAFC;--bg-surface: #FFFFFF;--bg-night: #1A202C;--border-primary: #E2E8F0;--border-secondary: #EDF2F7;--border-focus: var(--color-accent-500);--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-display: "Inter", var(--font-family-system);--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-size-6xl: 64px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-none: 0;--radius-sm: 4px;--radius-base: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 50%;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 3px rgba(245, 101, 101, .1);--shadow-glow: 0 0 20px rgba(245, 101, 101, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--container-max-width: 1200px;--content-max-width: 768px;--sidebar-width: 280px;--header-height: 64px;--z-base: 0;--z-dropdown: 50;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-popover: 400;--z-toast: 1000}:root{--color-success: #10B981;--color-success-bg: #ECFDF5;--color-error: #EF4444;--color-error-bg: #FEF2F2;--color-warning: #F59E0B;--color-warning-bg: #FFFBEB;--color-info: #3B82F6;--color-info-bg: #EBF8FF}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-story{color:var(--color-story)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-surface{background-color:var(--bg-surface)}.bg-night{background-color:var(--bg-night)}.bg-moon{background-color:var(--color-moon)}.bg-dream{background-color:var(--color-dream)}.bg-story{background-color:var(--color-story)}.bg-success{background-color:var(--color-success-bg)}.bg-error{background-color:var(--color-error-bg)}.bg-warning{background-color:var(--color-warning-bg)}.bg-info{background-color:var(--color-info-bg)}.border{border:1px solid var(--border-primary)}.border-0{border:0}.border-2{border:2px solid var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-focus{border-color:var(--border-focus)}.border-story{border-color:var(--color-story)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-focus{box-shadow:var(--shadow-focus)}.shadow-glow{box-shadow:var(--shadow-glow)}.container{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-0{z-index:var(--z-base)}.z-10{z-index:var(--z-dropdown)}.z-20{z-index:var(--z-sticky)}.z-30{z-index:var(--z-overlay)}.z-40{z-index:var(--z-modal)}.z-50{z-index:var(--z-toast)}.transition{transition:var(--transition-base)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.hover\:shadow-md:hover{box-shadow:var(--shadow-md)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:bg-secondary:hover{background-color:var(--bg-secondary)}.focus\:shadow-focus:focus{box-shadow:var(--shadow-focus)}.focus\:border-focus:focus{border-color:var(--border-focus)}.card{background:var(--color-night-50);padding:var(--space-6);border-radius:var(--radius-lg);display:grid;gap:var(--space-4)}.input-field{min-height:48px;padding:var(--space-3) var(--space-4);border:2px solid var(--border-primary);border-radius:var(--radius-base);font-size:var(--font-size-lg);background:var(--bg-surface);transition:var(--transition-base)}.input-field:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.grid{display:grid}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);position:sticky;top:0;z-index:var(--z-sticky)}header nav{padding:var(--space-4)}header .nav-container{max-width:var(--container-max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-6)}header .branding{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}header .branding-logo{width:40px;height:40px}header .branding-name{color:var(--color-midnight);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.nav-content{display:flex;align-items:center;gap:var(--space-8)}.nav-links{display:flex;gap:var(--space-8)}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:var(--font-weight-medium)}.nav-links a:hover{color:var(--color-story)}.language-options a{text-decoration:none;color:var(--text-secondary);margin:0 var(--space-1)}.language-options a:hover,.language-options a.active{color:var(--color-story)}.auth-section{display:flex;align-items:center;gap:var(--space-4)}.user-info{display:flex;flex-direction:column;align-items:end;gap:var(--space-1);margin-right:var(--space-3)}.user-info [data-user=name]{color:var(--text-primary);font-size:var(--font-size-sm)}.user-info [data-user=email]{font-size:var(--font-size-xs);color:var(--text-secondary)}header .btn-primary{background:var(--color-story);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}header .btn-primary:hover{background:var(--color-accent-700);box-shadow:var(--shadow-md)}header .btn-secondary{background:var(--color-error);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}header .btn-secondary:hover{background:#c53030;box-shadow:var(--shadow-md)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;gap:4px}.burger-line{width:20px;height:2px;background:var(--text-primary);transition:.3s}.mobile-menu-toggle.is-active .burger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle.is-active .burger-line:nth-child(2){opacity:0}.mobile-menu-toggle.is-active .burger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.language-label,.lang-full{display:none}@media (max-width: 768px){.mobile-menu-toggle{display:flex}header .branding-name{font-size:var(--font-size-lg)}.nav-content{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary);flex-direction:column;padding:0 var(--space-4) var(--space-4) var(--space-4);transform:translateY(-100vh);opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none}.nav-content.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-links{flex-direction:column;gap:0;margin-bottom:var(--space-4)}.nav-links a{padding:var(--space-3);color:var(--text-primary)}.language-label{display:none;margin-bottom:var(--space-2);color:var(--text-secondary)}.language-options{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.language-options a{flex:1;text-align:center;padding:var(--space-3);border:1px solid var(--border-primary);margin:0}.language-options a.active{background:var(--color-story);color:#fff}.lang-full{display:inline}.lang-short{display:none}.auth-section{flex-direction:column;width:100%;margin-top:0;padding-top:0}.auth-section button{width:100%}}.story-creator{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-8)}.creator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-secondary)}.creator-header h2{margin:0}.stories-counter{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-dream);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.child-info{background:var(--color-night-50);padding:var(--space-6);border-radius:var(--radius-lg)}.child-info h3,.story-details h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-midnight);margin:0 0 var(--space-4) 0;padding:0}.child-info-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.story-preview{background:var(--color-night-50);padding:var(--space-6);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);border-left:4px solid var(--color-dream)}.input-group label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.selection-group h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-4)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.card-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-height:80px;padding:var(--space-4);background:var(--bg-surface);border:2px solid var(--border-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);text-align:center}.card-option:hover{background:var(--color-moon);border-color:var(--color-twilight);box-shadow:var(--shadow-sm)}.card-option:focus{outline:none;box-shadow:var(--shadow-focus);border-color:var(--border-focus)}.card-option.selected{background:var(--color-dream);border-color:var(--color-story);box-shadow:var(--shadow-md)}.card-icon{font-size:var(--font-size-2xl)}.card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.preview-content{min-height:80px}.preview-text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-secondary);font-style:italic}.story-title{color:var(--color-midnight);margin-bottom:var(--space-3)}.story-content{color:var(--text-primary);line-height:var(--line-height-relaxed);font-style:normal}.error-text{color:var(--color-error);font-style:normal}.preview-action{display:flex;justify-content:center;padding-top:var(--space-2)}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);min-height:56px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;white-space:nowrap;width:auto;max-width:fit-content}.btn-base:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s}.btn-base:hover:not(:disabled):before{transform:translate(100%)}.btn-base:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}.btn-base:active:not(:disabled){transform:translateY(0)}.btn-base:disabled{background:var(--color-night-50);color:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.btn-generate{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;box-shadow:0 4px 14px #3b82f640;letter-spacing:.025em}.btn-generate:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#0891b2)}.btn-icon{font-size:var(--font-size-xl);line-height:1}@media (max-width: 640px){.story-creator{padding:var(--space-4)}.creator-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.creator-header h2{font-size:var(--font-size-xl)}.card-grid{grid-template-columns:repeat(2,1fr)}.child-info,.story-preview{padding:var(--space-4)}.child-info-inputs{grid-template-columns:1fr}}@media (max-width: 480px){.card-grid{grid-template-columns:1fr;max-width:300px;margin:0 auto}}.hidden{display:none}.image-generation-section{margin-top:var(--space-6);text-align:center}.story-image-container{margin-bottom:var(--space-4)}.story-image{max-width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.image-generation-status{margin-bottom:var(--space-4);font-weight:var(--font-weight-medium)}.image-generation-status.loading{color:var(--text-secondary)}.image-generation-status.error{color:var(--color-error)}.main-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-secondary)}.coming-soon-section{text-align:center;max-width:600px;margin:0 auto}.content-wrapper{background:var(--bg-surface);padding:3rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.coming-soon-title{font-size:var(--font-size-5xl);color:var(--color-midnight);margin-bottom:1rem;font-weight:var(--font-weight-bold)}.coming-soon-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:2rem;line-height:var(--line-height-relaxed)}.back-link{margin-top:2rem}.btn-primary{background:var(--color-story);color:#fff;padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-fast);display:inline-block}.btn-primary:hover{background:var(--color-accent-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.coming-soon-title{font-size:var(--font-size-3xl)}.content-wrapper{padding:2rem}}.coming-soon-container{min-height:100vh;background:linear-gradient(135deg,var(--color-twilight),var(--color-midnight));display:flex;align-items:center;justify-content:center;padding:var(--space-6);position:relative;overflow:hidden}.coming-soon-content{max-width:600px;text-align:center;background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-xl);position:relative;z-index:2}.logo-section{margin-bottom:var(--space-8)}.logo-icon{width:96px;height:96px;margin:0 auto var(--space-3)}.logo-icon img{width:100%;height:100%;display:block}.logo-text{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-midnight);margin:0}.main-content{margin-bottom:var(--space-8)}.coming-soon-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-story);margin-bottom:var(--space-4)}.coming-soon-description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin-bottom:var(--space-8)}.features-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.feature-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-night-50);border-radius:var(--radius-lg)}.feature-icon{font-size:var(--font-size-2xl)}.feature-item span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.notify-section{background:var(--color-dream);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.notify-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-midnight);margin-bottom:var(--space-4)}.notify-form{max-width:400px;margin:0 auto}.notify-input{flex:1}.notify-btn{padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--color-story),var(--color-twilight));color:#fff;border:none;border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);white-space:nowrap}.notify-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.footer-section{border-top:1px solid var(--border-secondary);padding-top:var(--space-6)}.footer-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.social-links{justify-content:center}.social-link{font-size:var(--font-size-sm);color:var(--color-story);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-base);transition:var(--transition-base)}.social-link:hover{background:var(--color-night-50);color:var(--color-midnight)}.background-decoration{position:absolute;inset:0;pointer-events:none;z-index:1}.star{position:absolute;font-size:2rem;animation:float 6s ease-in-out infinite;opacity:.6}.star-1{top:10%;left:10%;animation-delay:0s}.star-2{top:20%;right:15%;animation-delay:1s}.star-3{bottom:30%;left:20%;animation-delay:2s}.star-4{bottom:20%;right:10%;animation-delay:3s}.star-5{top:50%;left:5%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@media (max-width: 640px){.coming-soon-container{padding:var(--space-4)}.coming-soon-content{padding:var(--space-6)}.logo-text{font-size:var(--font-size-2xl)}.coming-soon-title{font-size:var(--font-size-xl)}.features-preview{grid-template-columns:1fr}.notify-form{flex-direction:column;gap:var(--space-3)}.notify-btn{width:100%}}@media (max-width: 480px){.logo-icon{width:72px;height:72px}.star{font-size:1.5rem}}.pricing-page{padding:0}.pricing-hero{padding:var(--space-20) var(--space-8) var(--space-12);background:var(--bg-secondary)}.section-header{background:var(--bg-surface);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-base);max-width:800px;margin:0 auto;text-align:center}.section-header h1{font-size:var(--font-size-5xl);color:var(--color-midnight);margin-bottom:var(--space-4)}.section-header p{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.pricing-tiers{padding:var(--space-16) var(--space-8)}.page-container{max-width:var(--container-max-width);margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-12)}.pricing-card{background:var(--bg-surface);border:2px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;transition:var(--transition-base)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.featured{border-color:var(--color-story);transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)}.pricing-badge{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--color-story);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.card-header{text-align:center;margin-bottom:var(--space-6)}.card-header h3{font-size:var(--font-size-2xl);color:var(--color-midnight);margin-bottom:var(--space-4)}.price{display:flex;align-items:baseline;justify-content:center;margin:var(--space-4) 0}.amount{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-midnight)}.currency,.period{color:var(--text-secondary);font-size:var(--font-size-xl)}.price-description{color:var(--text-muted);font-size:var(--font-size-sm)}.feature-list{list-style:none;margin-bottom:var(--space-6)}.feature-list li{padding:var(--space-2) 0;border-bottom:1px solid var(--border-secondary);color:var(--text-secondary)}.feature-list li:before{content:"✓";color:var(--color-success);margin-right:var(--space-2);font-weight:var(--font-weight-bold)}.pricing-page .btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-fast);display:inline-block;text-align:center;cursor:pointer;border:none}.pricing-page .btn-full{width:100%}.pricing-page .btn-large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.pricing-page .btn-cta{background:var(--color-story);color:#fff}.pricing-page .btn-cta:hover{background:var(--color-accent-700);box-shadow:var(--shadow-md);text-decoration:none}.pricing-page .btn-secondary{background:var(--bg-secondary);color:var(--color-midnight);border:2px solid var(--border-primary)}.pricing-page .btn-secondary:hover{background:var(--bg-primary);border-color:var(--color-story);text-decoration:none}.pricing-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);padding-top:var(--space-8);border-top:1px solid var(--border-secondary)}.benefit-item{text-align:center;padding:var(--space-4)}.benefit-item h4{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.benefit-item p{color:var(--text-secondary);font-size:var(--font-size-sm)}.comparison-section{background:var(--bg-secondary);padding:var(--space-16) var(--space-8)}.comparison-section h2{text-align:center;margin-bottom:var(--space-8);font-size:var(--font-size-4xl)}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);max-width:900px;margin:0 auto}.comparison-item{display:flex;flex-direction:column;align-items:center}.comparison-item h4{font-size:var(--font-size-xl);margin-bottom:var(--space-4);text-align:center}.comparison-list{list-style:none;text-align:left}.comparison-list li{padding:var(--space-2) 0 var(--space-2) var(--space-5);position:relative;color:var(--text-secondary)}.comparison-list.negative li:before{content:"✗";position:absolute;left:0;color:var(--color-error);font-weight:var(--font-weight-bold)}.comparison-list.positive li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:var(--font-weight-bold)}.cta-section{padding:var(--space-20) var(--space-8)}.cta-container{max-width:var(--container-max-width);margin:0 auto;background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-story) 100%);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-8)}.cta-content{text-align:center;color:#fff}.cta-content h2{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);color:#fff}.cta-content p{font-size:var(--font-size-lg);margin-bottom:var(--space-8);opacity:.9}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.pricing-page .cta-section .btn-secondary{background:#fff;color:var(--color-midnight);border:none}.pricing-page .cta-section .btn-secondary:hover{background:var(--bg-secondary)}@media (max-width: 768px){.pricing-grid,.comparison-grid,.pricing-benefits{grid-template-columns:1fr}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-4px)}.section-header h1{font-size:var(--font-size-3xl)}.cta-content h2{font-size:var(--font-size-2xl)}.cta-buttons{flex-direction:column;align-items:center}.btn-large{width:100%;max-width:300px}}.card{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-base)}.card-body{padding:var(--space-6)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-system);line-height:var(--line-height-normal);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding:var(--space-8);max-width:var(--container-max-width);margin:0 auto;width:100%}h1,h2,h3{margin-bottom:var(--space-4);color:var(--color-midnight)}p{margin-bottom:var(--space-4)}button{padding:var(--space-3) var(--space-6);background:var(--color-story);color:var(--text-inverse);border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:var(--transition-fast);box-shadow:var(--shadow-sm)}button:hover:not(:disabled){background:var(--color-accent-700);box-shadow:var(--shadow-md)}button:focus{outline:none;box-shadow:var(--shadow-focus)}button:disabled{background:var(--text-muted);cursor:not-allowed}a{color:var(--color-story);text-decoration:none;transition:var(--transition-fast)}a:hover{text-decoration:underline}.language-switcher{display:flex;gap:.5rem;align-items:center}.language-switcher a{padding:.25rem .5rem;border-radius:.25rem;text-decoration:none;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s ease}.language-switcher a:hover{background-color:#f3f4f6;color:#374151}.language-switcher a.active{background-color:#3b82f6;color:#fff}@media (max-width: 768px){.nav-container{flex-wrap:wrap;gap:1rem}.language-switcher{order:1;width:100%;justify-content:center}}footer{background:var(--color-midnight);color:var(--text-inverse);text-align:center;margin-top:auto}footer .footer-container{padding:var(--space-6);max-width:var(--container-max-width);margin:0 auto}footer p{margin:var(--space-2) 0;font-size:var(--font-size-sm)}footer .footer-links{margin-top:var(--space-4)}footer .footer-links a{color:var(--color-moon);text-decoration:none;margin:0 var(--space-4);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}footer .footer-links a:hover{color:var(--color-story)}