:root{--primary: #0a192f;--primary-light: #172a45;--secondary: #64ffda;--accent: #f8f9fa;--text-main: #e6f1ff;--text-muted: #8892b0;--white: #ffffff;--background: #ffffff;--navy: #000080;--navy-dark: #000050;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background);color:var(--primary);line-height:1.5}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}html{scroll-behavior:smooth}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;position:relative;overflow:hidden}.btn:active{transform:scale(.95);filter:brightness(.9)}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.btn:active:after{width:200%;height:200%}.btn-primary{background-color:var(--navy);color:var(--white)}.btn-primary:hover{background-color:var(--navy-dark);transform:translateY(-1px)}.btn-outline{background-color:transparent;border:2px solid var(--navy);color:var(--navy)}.btn-outline:hover{background-color:var(--navy);color:var(--white)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}