:root{--brand-primary: #135282;--brand-accent: #20B7C7;--brand-teal: #1E9BAE;--brand-warm: #F2A541;--brand-orange: #FF8C42;--bg-dark-primary: #0B0F15;--bg-dark-secondary: #151921;--topbar-bg: #0F3A5F;--navbar-bg: #FFFFFF;--neutral-900: #0A0A0A;--neutral-800: #1A1A1A;--neutral-100: #F7FBFC;--neutral-50: #FAFBFC;--muted: #6B7C85;--muted-light: #9CA3AF;--gradient-brand: linear-gradient(135deg, #135282 0%, #1E9BAE 100%);--gradient-warm: linear-gradient(135deg, #FF8C42 0%, #F2A541 100%);--gradient-dark: linear-gradient(180deg, #151921 0%, #0B0F15 100%);--gradient-glow: radial-gradient(circle at 50% 50%, rgba(32, 183, 199, .15) 0%, transparent 70%);--font-heading: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 2rem;--fs-4xl: 2.75rem;--fs-5xl: 3.5rem;--fs-6xl: 4.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 5rem;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 10px 30px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(32, 183, 199, .3);--transition-base: .3s cubic-bezier(.25, .46, .45, .94);--transition-smooth: .5s cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box;text-transform:capitalize}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:1.6;color:var(--neutral-900);background-color:var(--neutral-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--neutral-900)}h1{font-size:var(--fs-5xl)}h2{font-size:var(--fs-4xl)}h3{font-size:var(--fs-3xl)}h4{font-size:var(--fs-2xl)}h5{font-size:var(--fs-xl)}h6{font-size:var(--fs-lg)}p{margin-bottom:var(--spacing-md);color:var(--muted)}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--brand-accent)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;transition:all var(--transition-base)}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 641px){.container{padding:0 var(--spacing-xl)}}@media (min-width: 1025px){.container{padding:0 var(--spacing-2xl)}}.section{padding:var(--spacing-3xl) 0}@media (max-width: 640px){.section{padding:var(--spacing-2xl) 0}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal.fade-left{transform:translate(-40px)}.reveal.fade-left.is-visible{transform:translate(0)}.reveal.fade-right{transform:translate(40px)}.reveal.fade-right.is-visible{transform:translate(0)}.reveal.fade-up{transform:translateY(30px)}.reveal.fade-up.is-visible{transform:translateY(0)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--fs-base);font-weight:600;text-align:center;border-radius:4px;transition:all var(--transition-base);cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background-color:var(--brand-primary);color:#fff}.btn.btn-primary:hover:not(:disabled){background-color:var(--brand-teal);transform:translateY(-2px);box-shadow:0 4px 12px #1352824d}.btn.btn-accent{background-color:var(--brand-warm);color:#fff;font-weight:500}.btn.btn-accent:hover:not(:disabled){background-color:var(--brand-orange);transform:translateY(-2px);box-shadow:0 4px 12px #f2a54166}.btn.btn-outline{background-color:transparent;color:var(--brand-primary);border:2px solid var(--brand-primary)}.btn.btn-outline:hover:not(:disabled){background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.btn.btn-large{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--fs-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--neutral-900)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--fs-base);font-family:inherit;border:1px solid #ddd;border-radius:4px;transition:border-color var(--transition-base)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #1352821a}.form-group input.ng-invalid.ng-touched,.form-group textarea.ng-invalid.ng-touched,.form-group select.ng-invalid.ng-touched{border-color:#dc3545}.form-group textarea{resize:vertical;min-height:120px}.form-group .error-message{color:#dc3545;font-size:var(--fs-sm);margin-top:var(--spacing-xs);display:block}@media (max-width: 640px){h1{font-size:var(--fs-4xl)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-2xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.swiper-pagination-bullet{background:var(--brand-primary)}.swiper-button-next,.swiper-button-prev{color:var(--brand-primary)}.glass-effect{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4)}.glass-dark{background:#151921b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.text-gradient-brand{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-warm{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--brand-primary),var(--brand-teal));border-radius:5px;border:2px solid var(--neutral-100)}::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}@media (max-width: 992px){main{padding-top:20px}}@media (min-width: 1921px){body{background-color:#050505}app-root{display:block;max-width:1920px;margin:0 auto;background-color:var(--neutral-100);box-shadow:0 0 50px #00000080;min-height:100vh}.navbar{max-width:1920px;margin:0 auto;left:0;right:0}}
