:root{--primary-color: #1e3a8a;--secondary-color: #3b82f6;--accent-color: #60a5fa;--bg-color: #ffffff;--bg-primary: #ffffff;--surface-color: rgba(255, 255, 255, .8);--text-primary: #0f172a;--text-secondary: #475569;--glass-border: rgba(30, 58, 138, .1)}.dark{--primary-color: #60a5fa;--secondary-color: #3b82f6;--accent-color: #1e3a8a;--bg-color: #0f172a;--bg-primary: #0f172a;--surface-color: rgba(30, 41, 59, .6);--text-primary: #f8fafc;--text-secondary: #94a3b8;--glass-border: rgba(255, 255, 255, .05)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-color);color:var(--text-primary)}body{font-family:Inter,sans-serif;line-height:1.7;font-size:1.1rem;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.glass{background:var(--surface-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a;border-radius:16px}.container{max-width:1400px;margin:0 auto;padding-inline:2rem}.text-gradient{background:linear-gradient(to right,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}button{border:none;background:none;cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}section{padding:4rem 0;margin-bottom:4rem;position:relative}.heading-secondary{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;margin-bottom:5rem;text-align:center}.navbar-container{position:fixed;top:1.5rem;right:1.5rem;z-index:99;display:flex;gap:.75rem}.nav-btn{padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;border-radius:50px;font-size:.9rem;font-weight:600;transition:all .3s ease}.nav-btn.icon-only{padding:.6rem;border-radius:50%}.nav-btn:hover{transform:translateY(-2px);background:var(--bg-color)}@media (max-width: 600px){.navbar-container{top:auto;bottom:2rem;right:50%;transform:translate(50%);width:max-content}.container{padding-inline:1.25rem}section{padding:6rem 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}