@charset "UTF-8";html{--mat-sys-background: #fff8f8;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #faeeef;--mat-sys-inverse-primary: #ffb1c5;--mat-sys-inverse-surface: #352f30;--mat-sys-on-background: #201a1b;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #8f0045;--mat-sys-on-primary-fixed: #3f001b;--mat-sys-on-primary-fixed-variant: #8f0045;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #5b3f46;--mat-sys-on-secondary-fixed: #2b151b;--mat-sys-on-secondary-fixed-variant: #5b3f46;--mat-sys-on-surface: #201a1b;--mat-sys-on-surface-variant: #514346;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #930100;--mat-sys-on-tertiary-fixed: #410000;--mat-sys-on-tertiary-fixed-variant: #930100;--mat-sys-outline: #847376;--mat-sys-outline-variant: #d6c2c5;--mat-sys-primary: #ba005c;--mat-sys-primary-container: #ffd9e1;--mat-sys-primary-fixed: #ffd9e1;--mat-sys-primary-fixed-dim: #ffb1c5;--mat-sys-scrim: #000000;--mat-sys-secondary: #74565d;--mat-sys-secondary-container: #ffd9e1;--mat-sys-secondary-fixed: #ffd9e1;--mat-sys-secondary-fixed-dim: #e3bdc5;--mat-sys-shadow: #000000;--mat-sys-surface: #fff8f8;--mat-sys-surface-bright: #fff8f8;--mat-sys-surface-container: #f7ebec;--mat-sys-surface-container-high: #f1e5e6;--mat-sys-surface-container-highest: #ece0e1;--mat-sys-surface-container-low: #fdf1f2;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #e3d7d8;--mat-sys-surface-tint: #ba005c;--mat-sys-surface-variant: #f3dde1;--mat-sys-tertiary: #c00100;--mat-sys-tertiary-container: #ffdad4;--mat-sys-tertiary-fixed: #ffdad4;--mat-sys-tertiary-fixed-dim: #ffb4a8;--mat-sys-neutral-variant20: #3a2d30;--mat-sys-neutral10: #201a1b;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--primary-saffron: #FF9933;--primary-blue: #138808;--primary-orange: #e17055;--secondary-gold: #FFD700;--secondary-red: #FF6B6B;--secondary-purple: #9B59B6;--secondary-peach: #fab1a0;--accent-lotus: #FFB6C1;--accent-sandalwood: #F5DEB3;--accent-yellow: #ffeaa7;--text-navy: #2C3E50;--text-dark: #2d3436;--text-medium: #636e72;--text-light: #666;--text-white: #fff;--bg-warm: #FFFEF7;--bg-white: #ffffff;--bg-light-gray: #F8F9FA;--bg-success-light: #E8F5E8;--light-gray: #ddd;--medium-gray: #636e72;--dark-gray: #2d3436;--success-green: #00b894;--warning-red: #d63031;--error-red: #FF6B6B;--bg-gradient-warm: linear-gradient(135deg, #FFF8E1 0%, #FFECB3 100%);--bg-gradient-primary: linear-gradient(45deg, #FF9933, #FF6B6B);--bg-gradient-secondary: linear-gradient(135deg, #ffeaa7 0%, #fab1a0 100%);--bg-gradient-blue: linear-gradient(135deg, #138808 0%, #0F5132 100%);--bg-gradient-light: linear-gradient(135deg, #F8F9FA 0%, #E8F5E8 100%);--bg-gradient-card: linear-gradient(135deg, #FFF 0%, #FFFEF7 100%);--bg-gradient-sandalwood: linear-gradient(135deg, #F5DEB3 0%, #FFF8E1 100%);--shadow-cultural: 0 8px 32px rgba(255, 153, 51, .15);--shadow-light: 0 5px 20px rgba(0, 0, 0, .08);--shadow-medium: 0 8px 25px rgba(0, 0, 0, .08);--shadow-hover: 0 15px 50px rgba(255, 153, 51, .2);--shadow-dark: 0 8px 25px rgba(0, 0, 0, .2);--shadow-cta: 0 15px 40px rgba(0, 0, 0, .3);--border-light: rgba(255, 153, 51, .1);--border-medium: rgba(255, 153, 51, .2);--border-dark: #455A64;--font-primary: Quicksand, sans-serif;--font-heading: Fredoka One, cursive;--font-accent: Comfortaa, sans-serif;--font-body: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 4rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.8}.text-hero-title{font-family:var(--font-heading);font-size:3rem;font-weight:400;line-height:1.2;color:var(--text-navy)}@media (max-width: 768px){.text-hero-title{font-size:2.25rem}}.text-hero-subtitle{font-family:var(--font-accent);font-size:1.5rem;font-weight:500;line-height:1.6;color:var(--text-medium)}@media (max-width: 768px){.text-hero-subtitle{font-size:1.25rem}}.text-section-title{font-family:var(--font-heading);font-size:2.25rem;font-weight:400;line-height:1.2;color:var(--text-navy)}@media (max-width: 768px){.text-section-title{font-size:1.875rem}}.text-section-subtitle{font-family:var(--font-primary);font-size:1.25rem;font-weight:500;line-height:1.6;color:var(--text-medium)}.text-card-title{font-family:var(--font-accent);font-size:1.5rem;font-weight:600;line-height:1.2;color:var(--text-navy)}@media (max-width: 768px){.text-card-title{font-size:1.25rem}}.text-card-text{font-family:var(--font-primary);font-size:1rem;font-weight:400;line-height:1.6;color:var(--text-medium)}.text-feature-title{font-family:var(--font-accent);font-size:1.25rem;font-weight:600;line-height:1.2;color:var(--text-navy)}.text-feature-description{font-family:var(--font-primary);font-size:1rem;font-weight:400;line-height:1.6;color:var(--text-medium)}.text-caption{font-family:var(--font-primary);font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text-light)}.text-label{font-family:var(--font-primary);font-size:.875rem;font-weight:500;line-height:1.5;color:var(--text-dark)}.font-primary{font-family:var(--font-primary)}.font-heading{font-family:var(--font-heading)}.font-accent{font-family:var(--font-accent)}.font-body{font-family:var(--font-body)}.font-light{font-weight:var(--font-weight-light)}.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)}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-column{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-wrap:wrap}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.gap-xl{gap:2rem}.p-sm{padding:.5rem}.p-md{padding:1rem}.p-lg{padding:1.5rem}.p-xl{padding:2rem}.m-sm{margin:.5rem}.m-md{margin:1rem}.m-lg{margin:1.5rem}.m-xl{margin:2rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.text-left{text-align:left}.text-right{text-align:right}.text-secondary{color:var(--text-medium)}.text-white{color:var(--text-white)}.text-dark{color:var(--text-dark)}.font-bold{font-weight:600}.font-normal{font-weight:400}.font-light{font-weight:300}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.bg-white{background:var(--bg-white)}.bg-warm{background:var(--bg-warm)}.bg-light{background:var(--bg-light-gray)}.bg-gradient-primary{background:var(--bg-gradient-primary)}.bg-gradient-card{background:var(--bg-gradient-card)}.border-radius-sm{border-radius:8px}.border-radius-md{border-radius:12px}.border-radius-lg{border-radius:16px}.border-radius-xl{border-radius:24px}.border-radius-full{border-radius:50%}.border-light{border:1px solid var(--border-light)}.border-medium{border:1px solid var(--border-medium)}.shadow-light{box-shadow:var(--shadow-light)}.shadow-medium{box-shadow:var(--shadow-medium)}.shadow-cultural{box-shadow:var(--shadow-cultural)}.shadow-hover{box-shadow:var(--shadow-hover)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-1{z-index:1}.z-2{z-index:2}.z-10{z-index:10}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.w-full{width:100%}.w-auto{width:auto}.max-w-sm{max-width:480px}.max-w-md{max-width:600px}.max-w-lg{max-width:800px}.max-w-xl{max-width:1000px}.max-w-screen{max-width:1200px}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.transition-all{transition:all .3s ease}.transition-transform{transition:transform .3s ease}.transition-opacity{transition:opacity .3s ease}.transform-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hover-lift{transition:transform .3s ease}.hover-lift:hover{transform:translateY(-5px)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-50{opacity:.5}.opacity-75{opacity:.75}@media (max-width: 768px){.mobile-hidden{display:none}.mobile-block{display:block}.mobile-text-center{text-align:center}.mobile-p-sm{padding:1rem}.mobile-m-sm{margin:1rem}}@media (min-width: 769px){.desktop-hidden{display:none}.desktop-block{display:block}}.error-state{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:var(--warning-red);padding:1rem;border-radius:12px;border-left:4px solid var(--warning-red)}.success-state{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:var(--success-green);padding:1rem;border-radius:12px;border-left:4px solid var(--success-green)}.loading-state{opacity:.8;filter:blur(2px);pointer-events:none}.btn-cultural-primary{background:var(--bg-gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-cultural)}.btn-cultural-primary:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn-cultural-primary:active{transform:translateY(0)}.btn-cultural-secondary{background:var(--bg-white);color:var(--primary-orange);border:2px solid var(--primary-orange);padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-cultural-secondary:hover{background:var(--primary-orange);color:#fff;box-shadow:var(--shadow-medium)}.btn-back{background:#fff3;color:#fff;border:none;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#ffffff4d}.cultural-card{background:var(--bg-white);padding:3rem;border-radius:24px;box-shadow:var(--shadow-cultural);border:1px solid var(--border-light);position:relative;z-index:2}@media (max-width: 768px){.cultural-card{padding:2rem;margin:1rem}}.cultural-card-sm{background:var(--bg-white);padding:2rem;border-radius:16px;box-shadow:var(--shadow-cultural);border:1px solid var(--border-light);position:relative;z-index:2}@media (max-width: 768px){.cultural-card-sm{padding:2rem;margin:1rem}}.cultural-card-lg{background:var(--bg-white);padding:4rem;border-radius:32px;box-shadow:var(--shadow-cultural);border:1px solid var(--border-light);position:relative;z-index:2}@media (max-width: 768px){.cultural-card-lg{padding:2rem;margin:1rem}}.badge-cultural{display:inline-block;background:var(--primary-saffron);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-light)}.badge-success{display:inline-block;background:var(--success-green);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-light)}.badge-warning{display:inline-block;background:var(--warning-red);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-light)}.form-field-cultural{border:2px solid var(--light-gray);border-radius:12px;padding:1rem;font-size:1rem;transition:border-color .3s ease;background:var(--bg-white)}.form-field-cultural:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff99331a}.page-container{min-height:100vh;background:var(--bg-warm)}.page-container.with-pattern{position:relative;overflow:hidden}.page-container.with-pattern:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,153,51,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(19,136,8,.05) 0%,transparent 50%);pointer-events:none}.page-container-pattern{min-height:100vh;background:var(--bg-warm);position:relative;overflow:hidden}.page-container-pattern.with-pattern{position:relative;overflow:hidden}.page-container-pattern.with-pattern:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,153,51,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(19,136,8,.05) 0%,transparent 50%);pointer-events:none}.page-container-pattern:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,153,51,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(19,136,8,.05) 0%,transparent 50%);pointer-events:none}.page-header-cultural{display:flex;align-items:center;margin-bottom:2rem;color:#fff}.page-header-cultural h1{margin:0 0 0 1rem;font-size:2rem}.page-header-cultural .back-button{background:#fff3;color:#fff}.grid-stories{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.grid-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.tag-age{background:var(--primary-orange);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;display:inline-block}.tag-language{background:var(--secondary-purple);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;display:inline-block}.tag-category{background:var(--accent-yellow);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;display:inline-block;color:var(--text-dark)}.message-error{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:var(--warning-red);padding:1rem;border-radius:12px;border-left:4px solid var(--warning-red)}.message-success{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:var(--success-green);padding:1rem;border-radius:12px;border-left:4px solid var(--success-green)}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:var(--light-gray);border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb{background:var(--primary-saffron);border-radius:4px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:var(--secondary-red)}.hero-section-pattern{position:relative;background:var(--bg-gradient-card);padding:8rem 2rem 6rem;overflow:hidden;display:flex;align-items:center;min-height:80vh}@media (max-width: 768px){.hero-section-pattern{padding:4rem 1rem 3rem;min-height:60vh}}.hero-content-center{max-width:1200px;margin:0 auto;text-align:center;z-index:2;position:relative}.main-content-wrapper{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.main-content-wrapper{padding:0 1rem}}.section-padding{padding:4rem 0}@media (max-width: 768px){.section-padding{padding:2rem 0}}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:10}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-medium)}.empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin-bottom:.5rem;color:var(--text-dark)}.empty-state p{max-width:400px;margin:0 auto}.optimized-img{transition:opacity .3s ease,filter .3s ease}.optimized-img.loading{opacity:.8;filter:blur(2px);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.optimized-img.loaded{opacity:1;filter:none}.optimized-img.error{opacity:.5;filter:grayscale(100%);background-color:#f5f5f5;position:relative}.optimized-img.error:after{content:"\26a0\fe0f";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.7}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.responsive-image-container{position:relative;overflow:hidden}.responsive-image-container img{width:100%;height:auto;display:block}.character-img{object-fit:cover;border-radius:8px}.character-img.hero-character{aspect-ratio:1/1;max-width:120px}.character-img.step-character-img{aspect-ratio:1/1;max-width:80px}.character-img.character-avatar{aspect-ratio:1/1;max-width:100px}.webp-supported .character-img{background-image:none}.webp-not-supported .character-img{image-rendering:-webkit-optimize-contrast}@supports (object-fit: cover){.character-img{object-fit:cover}}@media (prefers-reduced-motion: reduce){.optimized-img{transition:none;animation:none}}@media print{.optimized-img{filter:none!important;opacity:1!important}}html,body{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mat-mdc-raised-button{border-radius:8px!important;font-weight:500!important;text-transform:none!important}.mat-mdc-form-field{font-family:Inter,sans-serif!important}.mat-mdc-snack-bar-container{border-radius:12px!important}.mat-stepper-horizontal .mat-stepper-header.mat-stepper-header-selected .mat-stepper-icon{background-color:var(--primary-saffron)!important;color:#fff!important}.mat-stepper-horizontal .mat-stepper-header.mat-stepper-header-selected .mat-stepper-label{color:var(--primary-saffron)!important;font-weight:600!important}html,body{height:100%;overflow:hidden}body{margin:0;font-family:var(--font-body);background-color:var(--color-surface);color:var(--color-on-surface)}h1,h2,h3,h4,h5,h6{font-family:var(--font-accent);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.text-center{text-align:center}.text-primary{color:var(--primary-orange)}.bg-gradient{background:var(--bg-gradient-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-snackbar .mat-mdc-snack-bar-container{--mat-snack-bar-button-color: #ffffff;--mdc-snackbar-container-color: #4caf50;--mdc-snackbar-supporting-text-color: #ffffff;--mdc-snackbar-action-color: #ffffff}.error-snackbar .mat-mdc-snack-bar-container{--mat-snack-bar-button-color: #ffffff;--mdc-snackbar-container-color: #f44336;--mdc-snackbar-supporting-text-color: #ffffff;--mdc-snackbar-action-color: #ffffff}.info-snackbar .mat-mdc-snack-bar-container{--mat-snack-bar-button-color: #ffffff;--mdc-snackbar-container-color: #2196f3;--mdc-snackbar-supporting-text-color: #ffffff;--mdc-snackbar-action-color: #ffffff}.warning-snackbar .mat-mdc-snack-bar-container{--mat-snack-bar-button-color: #ffffff;--mdc-snackbar-container-color: #ff9800;--mdc-snackbar-supporting-text-color: #ffffff;--mdc-snackbar-action-color: #ffffff}.mat-mdc-raised-button{border-radius:8px!important;font-weight:500!important;text-transform:none!important;box-shadow:var(--shadow-light)!important}.mat-mdc-raised-button:hover{box-shadow:var(--shadow-hover)!important}.mat-mdc-raised-button.mat-primary{background-color:var(--primary-saffron)!important;color:#fff!important}.mat-mdc-raised-button.mat-accent{background-color:var(--primary-blue)!important;color:#fff!important}.mat-mdc-outlined-button{border-radius:8px!important;font-weight:500!important;text-transform:none!important;border-width:2px!important}.mat-mdc-outlined-button.mat-primary{border-color:var(--primary-saffron)!important;color:var(--primary-saffron)!important}.mat-mdc-outlined-button.mat-primary:hover{background-color:#ff993314!important}.mat-mdc-button{border-radius:8px!important;font-weight:500!important;text-transform:none!important}.mat-mdc-button.mat-primary{color:var(--primary-saffron)!important}.mat-mdc-button.mat-primary:hover{background-color:#ff993314!important}.mat-mdc-form-field{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-outline{border-radius:8px!important}.mat-mdc-form-field.mat-form-field-appearance-outline.mat-focused .mat-mdc-form-field-outline-thick{border-color:var(--primary-saffron)!important}.mat-mdc-form-field.mat-form-field-appearance-outline.mat-focused .mat-mdc-form-field-label{color:var(--primary-saffron)!important}.mat-mdc-form-field .mat-mdc-form-field-label{font-weight:500!important;color:var(--text-medium)!important}.mat-mdc-form-field .mat-mdc-form-field-error{color:var(--error-red)!important;font-size:.75rem!important}.mat-mdc-select{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.mat-mdc-select.mat-mdc-select-focused .mat-mdc-select-arrow{color:var(--primary-saffron)!important}.mat-mdc-card{border-radius:16px!important;box-shadow:var(--shadow-cultural)!important;border:1px solid var(--border-light)!important}.mat-mdc-card:hover{box-shadow:var(--shadow-hover)!important}.mat-mdc-card .mat-mdc-card-header{padding:1.5rem 1.5rem 0!important}.mat-mdc-card .mat-mdc-card-header .mat-mdc-card-title{color:var(--text-navy)!important;font-weight:600!important;font-size:1.25rem!important}.mat-mdc-card .mat-mdc-card-header .mat-mdc-card-subtitle{color:var(--text-light)!important;font-weight:400!important}.mat-mdc-card .mat-mdc-card-content{padding:1.5rem!important;color:var(--text-dark)!important}.mat-mdc-card .mat-mdc-card-actions{padding:0 1.5rem 1.5rem!important}.mat-mdc-snack-bar-container{border-radius:12px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.mat-mdc-snack-bar-container.success-snackbar{background-color:var(--success-green)!important;color:#fff!important}.mat-mdc-snack-bar-container.error-snackbar{background-color:var(--error-red)!important;color:#fff!important}.mat-mdc-snack-bar-container.info-snackbar{background-color:var(--primary-blue)!important;color:#fff!important}.mat-mdc-snack-bar-container.warning-snackbar{background-color:var(--warning-red)!important;color:#fff!important}.mat-mdc-tooltip{background-color:var(--text-navy)!important;color:#fff!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:.75rem!important;border-radius:6px!important}.mat-stepper-horizontal{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.mat-stepper-horizontal .mat-stepper-header .mat-stepper-icon{background-color:var(--light-gray)!important;color:var(--text-light)!important}.mat-stepper-horizontal .mat-stepper-header.mat-stepper-header-selected .mat-stepper-icon,.mat-stepper-horizontal .mat-stepper-header.cdk-keyboard-focused .mat-stepper-icon,.mat-stepper-horizontal .mat-stepper-header.cdk-program-focused .mat-stepper-icon{background-color:var(--primary-saffron)!important;color:#fff!important}.mat-stepper-horizontal .mat-stepper-header.mat-stepper-header-selected .mat-stepper-label,.mat-stepper-horizontal .mat-stepper-header.cdk-keyboard-focused .mat-stepper-label,.mat-stepper-horizontal .mat-stepper-header.cdk-program-focused .mat-stepper-label{color:var(--primary-saffron)!important;font-weight:600!important}.mat-stepper-horizontal .mat-stepper-header .mat-stepper-label{font-weight:500!important;color:var(--text-medium)!important}.mat-stepper-horizontal .mat-stepper-horizontal-line{border-top-color:var(--light-gray)!important;border-top-width:2px!important}.mat-mdc-icon-button.mat-primary{color:var(--primary-saffron)!important}.mat-mdc-icon-button.mat-primary:hover{background-color:#ff993314!important}.cultural-tooltip{background-color:var(--accent-sandalwood)!important;color:var(--text-navy)!important;border:1px solid var(--border-medium)!important;box-shadow:var(--shadow-cultural)!important;font-size:.8rem!important;max-width:250px!important;line-height:1.4!important}@media (max-width: 768px){body{font-size:14px}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}}.story-preview-dialog .mat-mdc-dialog-container{padding:0;border-radius:20px;overflow:hidden;max-width:95vw;max-height:95vh}.story-preview-dialog .mat-mdc-dialog-surface{border-radius:20px;overflow:hidden}