:root{--color-primary: #1B2A4A;--color-primary-light: #2C3E6B;--color-primary-dark: #111D35;--color-secondary: #0097A7;--color-secondary-light: #00BCD4;--color-secondary-dark: #00838F;--color-accent: #C5A55A;--color-accent-light: #D4B86A;--color-text: #2D3436;--color-text-light: #636E72;--color-text-muted: #95A5A6;--color-bg: #FFFFFF;--color-bg-alt: #F8F9FA;--color-bg-dark: #1B2A4A;--color-border: #E0E6ED;--color-success: #27AE60;--color-error: #E74C3C;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--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: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3.25rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .08), 0 4px 10px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition: .3s ease;--transition-slow: .5s ease;--container-max: 1200px;--container-sm: 800px;--header-height: 80px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.7;color:var(--color-text);background-color:var(--color-bg)}img{max-width:100%;height:auto;display:block}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;line-height:1.2;color:var(--color-primary)}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)}p{margin-bottom:var(--spacing-sm);color:var(--color-text-light)}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-lg)}.container--sm{max-width:var(--container-sm)}.section{padding:var(--spacing-3xl) 0}.section--alt{background-color:var(--color-bg-alt)}.section--dark{background-color:var(--color-bg-dark);color:var(--color-bg)}.section--dark h2,.section--dark h3,.section--dark h4{color:var(--color-bg)}.section--dark p{color:#fffc}.text-center{text-align:center}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--color-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:600;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-decoration:none;line-height:1;white-space:nowrap}.btn--primary{background-color:var(--color-secondary);color:var(--color-bg);border-color:var(--color-secondary)}.btn--primary:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark);color:var(--color-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--outline{background-color:transparent;color:var(--color-bg);border-color:var(--color-bg)}.btn--outline:hover{background-color:var(--color-bg);color:var(--color-primary);transform:translateY(-2px)}.btn--outline-dark{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline-dark:hover{background-color:var(--color-primary);color:var(--color-bg);transform:translateY(-2px)}.btn--accent{background-color:var(--color-accent);color:var(--color-primary);border-color:var(--color-accent)}.btn--accent:hover{background-color:var(--color-accent-light);border-color:var(--color-accent-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--lg{padding:1.1rem 2.5rem;font-size:var(--font-size-md)}.card{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--color-border)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.form-input,.form-textarea{width:100%;padding:.875rem 1rem;font-family:var(--font-primary);font-size:var(--font-size-base);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-fast);background:var(--color-bg);color:var(--color-text)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #0097a71f}.form-textarea{resize:vertical;min-height:140px}.form-input.ng-invalid.ng-touched,.form-textarea.ng-invalid.ng-touched{border-color:var(--color-error)}.form-error{color:var(--color-error);font-size:var(--font-size-xs);margin-top:4px}@media (max-width: 1024px){:root{--font-size-4xl: 2.5rem;--font-size-3xl: 2rem;--font-size-2xl: 1.5rem}.section{padding:var(--spacing-2xl) 0}}@media (max-width: 768px){:root{--font-size-4xl: 2rem;--font-size-3xl: 1.75rem;--font-size-2xl: 1.375rem;--font-size-xl: 1.25rem}.container{padding:0 var(--spacing-sm)}.section{padding:var(--spacing-xl) 0}.btn--lg{padding:.875rem 1.75rem;font-size:var(--font-size-base)}}.page-hero{position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,151,167,.08) 0%,transparent 70%);pointer-events:none;animation:morphBg 20s ease-in-out infinite}.page-hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(197,165,90,.06) 0%,transparent 70%);pointer-events:none;animation:morphBg 16s ease-in-out infinite reverse}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(4px) rotate(-1deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0097a74d}50%{box-shadow:0 0 20px 6px #0097a726}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes ripple{0%{transform:scale(.8);opacity:1}to{transform:scale(2.5);opacity:0}}@keyframes morphBg{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 40% 60% 30%/40% 50% 60%}75%{border-radius:40% 60% 50% 50%/60% 40% 50%}}.gradient-text{background:linear-gradient(135deg,var(--color-secondary),var(--color-accent),var(--color-secondary));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s linear infinite}.btn--glow{position:relative;overflow:hidden}.btn--glow:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn--glow:hover:before{width:300%;height:300%}.btn--magnetic{transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow var(--transition)}.skeleton{background:linear-gradient(90deg,var(--color-bg-alt) 25%,#e8ecee 50%,var(--color-bg-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.stagger-children>*{opacity:0;animation:fadeInUp .5s ease forwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.2s}.stagger-children>*:nth-child(4){animation-delay:.3s}.stagger-children>*:nth-child(5){animation-delay:.4s}.stagger-children>*:nth-child(6){animation-delay:.5s}.stagger-children>*:nth-child(7){animation-delay:.6s}.stagger-children>*:nth-child(8){animation-delay:.7s}.animated-underline{position:relative;display:inline-block}.animated-underline:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-secondary);transition:width .4s cubic-bezier(.25,.46,.45,.94)}.animated-underline:hover:after{width:100%}.glass{background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)}.card-interactive{transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease}.card-interactive:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:var(--shadow-xl)}.progress-bar{width:100%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));border-radius:3px;transition:width 1.5s cubic-bezier(.25,.46,.45,.94)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
