:root{--color-primary: #5A6A72;--color-primary-dark: #3A4A52;--color-primary-light: #7A8A92;--color-secondary: #E8EDEF;--color-accent: #D4AF37;--color-accent-soft: rgba(212, 175, 55, .12);--color-text: #2D3436;--color-text-light: #636E72;--color-text-muted: #8C9498;--color-bg: #F5F6F7;--color-bg-alt: #EAEDEE;--color-bg-warm: #F9F8F6;--color-surface: #FFFFFF;--color-surface-raised: #FFFFFF;--color-border: #E2E5E7;--color-border-light: #EEF0F1;--color-success-bg: #ECFDF5;--color-success-text: #065F46;--color-success-border: #A7F3D0;--color-warning-bg: #FFFBEB;--color-warning-text: #78350F;--color-warning-border: #FDE68A;--color-warning-accent: #F59E0B;--color-error-bg: #FEF2F2;--color-error-text: #991B1B;--color-error-border: #FECACA;--color-info-bg: #EFF6FF;--color-info-text: #1E40AF;--color-info-border: #BFDBFE;--font-display: "Comfortaa", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: clamp(.75rem, .7rem + .15vw, .85rem);--text-sm: clamp(.85rem, .8rem + .2vw, .95rem);--text-base: clamp(.95rem, .9rem + .25vw, 1.05rem);--text-lg: clamp(1.05rem, .95rem + .4vw, 1.2rem);--text-xl: clamp(1.2rem, 1.05rem + .5vw, 1.4rem);--text-2xl: clamp(1.5rem, 1.2rem + .8vw, 1.85rem);--text-3xl: clamp(1.8rem, 1.4rem + 1.2vw, 2.5rem);--text-4xl: clamp(2.2rem, 1.6rem + 1.8vw, 3.5rem);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(45, 52, 54, .04);--shadow-sm: 0 1px 3px rgba(45, 52, 54, .06), 0 1px 2px rgba(45, 52, 54, .04);--shadow-md: 0 4px 12px rgba(45, 52, 54, .06), 0 2px 4px rgba(45, 52, 54, .04);--shadow-lg: 0 12px 32px rgba(45, 52, 54, .08), 0 4px 8px rgba(45, 52, 54, .04);--shadow-xl: 0 20px 48px rgba(45, 52, 54, .1), 0 8px 16px rgba(45, 52, 54, .05);--shadow-glow: 0 0 24px rgba(212, 175, 55, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--max-width: 1200px;--header-height: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-primary);line-height:1.25;margin-bottom:var(--spacing-sm);font-weight:600;letter-spacing:-.01em}h1{font-size:var(--text-4xl);font-weight:700;line-height:1.15}h2{font-size:var(--text-3xl);font-weight:600}h3{font-size:var(--text-xl);font-weight:600}p{margin-bottom:var(--spacing-sm);font-size:var(--text-base)}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-base) var(--ease-out)}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}@media(max-width:640px){.container{padding:0 var(--spacing-sm)}}.section{padding:var(--spacing-lg) 0}@media(max-width:768px){.section{padding:var(--spacing-md) 0}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.6rem;border-radius:var(--radius-full);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);letter-spacing:.01em;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) var(--ease-out);border:none;cursor:pointer;text-decoration:none;line-height:1.4}.btn-primary{background-color:var(--color-primary);color:var(--color-surface)}.btn-primary:hover{background-color:var(--color-primary-dark);color:var(--color-surface);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-outline{background-color:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-surface);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline:active{transform:translateY(0)}.fade-in-up{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.stagger-children>.fade-in-up:nth-child(1){transition-delay:0ms}.stagger-children>.fade-in-up:nth-child(2){transition-delay:80ms}.stagger-children>.fade-in-up:nth-child(3){transition-delay:.16s}.stagger-children>.fade-in-up:nth-child(4){transition-delay:.24s}.stagger-children>.fade-in-up:nth-child(5){transition-delay:.32s}.stagger-children>.fade-in-up:nth-child(6){transition-delay:.4s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}input[type=text],input[type=email],textarea,select{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:.8rem 1rem;width:100%;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);outline:none}input[type=text]:focus,input[type=email]:focus,textarea:focus,select:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #5a6a721a}input[type=text]::placeholder,input[type=email]::placeholder,textarea::placeholder{color:var(--color-text-muted)}::selection{background-color:var(--color-accent-soft);color:var(--color-text)}.img-cover{width:100%;height:100%;object-fit:cover}:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}@media(max-width:768px){:root{--header-height: 64px}}