:root{--color-white: #ffffff;--color-off-white: #f0f0c9;--color-light-gray: #f7f5e9;--color-gray: #e2ddc4;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-tertiary: #6b7280;--color-primary: #124e78;--color-primary-soft: #1b648f;--color-primary-dark: #0c3755;--color-accent: #1b648f;--color-accent-strong: #d74e09;--color-deep: #6e0e0a;--gradient-primary: linear-gradient(135deg, #124e78 0%, #1b648f 100%);--gradient-accent: linear-gradient(135deg, #1b648f 0%, #124e78 100%);--gradient-hero: linear-gradient(135deg, #124e78 0%, #0c3755 50%, #1b648f 100%);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--spacing-2xl: 8rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 10px 15px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1), 0 20px 40px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .1), 0 30px 60px rgba(0, 0, 0, .15);--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-white);color:var(--color-text-primary);line-height:1.7;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.015'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(18,78,120,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(18,78,120,.015) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:999}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);font-weight:500}a:hover{color:var(--color-primary-dark)}.btn{display:inline-block;padding:1rem 2rem;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition);cursor:pointer;border:none;font-size:1rem;font-family:inherit}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-md);font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-secondary) 100%)}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);font-weight:600}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card{background:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition);box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}section{position:relative;padding:var(--spacing-xl) var(--spacing-md);min-height:100vh;display:flex;flex-direction:column;justify-content:center}.container{max-width:1200px;margin:0 auto;width:100%;padding:0 var(--spacing-md)}section h2{text-align:center;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text-primary);position:relative;display:inline-block;width:100%;letter-spacing:-.02em}section h2:after{content:"";position:absolute;bottom:-.75rem;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--gradient-primary);border-radius:2px;opacity:0;transition:opacity .6s ease,width .6s ease}section h2.animate-in:after{opacity:1;width:120px}.section-intro{text-align:center;font-size:clamp(1.1rem,2vw,1.35rem);color:var(--color-primary);margin-bottom:var(--spacing-xl);font-weight:500;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--color-primary);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--color-primary-dark);padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 2px 8px #0000001a}nav ul{list-style:none;display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;flex-wrap:wrap}nav a{color:#ffffffe6;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-weight:500}nav a:hover{background:#ffffff26;color:var(--color-white)}input,textarea{width:100%;padding:1rem;border:1px solid var(--color-gray);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 3px #6366f11a}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 1024px){section{padding:var(--spacing-lg) var(--spacing-md)}.container{padding:0 var(--spacing-sm)}}@media (max-width: 768px){section{padding:var(--spacing-lg) var(--spacing-sm);min-height:auto}h1{font-size:2.5rem}h2{font-size:2rem}.btn{padding:.75rem 1.5rem;font-size:.9rem}section h2:after{width:60px}section h2.animate-in:after{width:80px}.section-intro{font-size:1.1rem;margin-bottom:var(--spacing-lg)}}@media (max-width: 480px){section{padding:var(--spacing-md) var(--spacing-xs)}section h2{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.section-intro{font-size:1rem}}@media (min-width: 1400px){.container{max-width:1400px}}