@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #0066cc;--primary-dark: #004c99;--primary-light: #3388dd;--accent: #00a8e8;--accent-dark: #0077b3;--text-dark: #0a0f1a;--text: #1a2332;--text-medium: #4a5568;--text-light: #718096;--bg: #ffffff;--bg-subtle: #f7fafc;--bg-muted: #edf2f7;--bg-accent: #e6f4ff;--border: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--gradient-primary: linear-gradient(135deg, #0066cc 0%, #00a8e8 100%);--gradient-accent: linear-gradient(135deg, #00a8e8 0%, #0066cc 100%);--gradient-subtle: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,102,204,.03) 100%)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.navbar{background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);padding:.875rem 0;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{text-decoration:none;display:flex;align-items:center;gap:.75rem;transition:transform .2s ease}.logo:hover{transform:scale(1.02)}.logo-image{height:50px;width:auto}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:1.75rem;letter-spacing:-.02em}.nav-links{display:flex;gap:.5rem;list-style:none;align-items:center}.nav-links a{text-decoration:none;color:var(--text-medium);font-weight:500;font-size:.95rem;padding:.625rem 1.125rem;border-radius:8px;transition:all .2s ease;position:relative}.nav-links a:hover{color:var(--primary);background:var(--bg-accent)}.nav-links a:after{content:"";position:absolute;bottom:.25rem;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:2px;background:var(--gradient-primary);border-radius:2px;transition:transform .2s ease}.nav-links a:hover:after{transform:translate(-50%) scaleX(1)}main{min-height:calc(100vh - 280px)}.footer{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-subtle) 100%);border-top:1px solid var(--border-light);padding:3rem 0 2rem;margin-top:6rem}.footer .container{display:flex;justify-content:space-between;align-items:center}.footer p{color:var(--text-light);font-size:.9rem}.social-links{display:flex;gap:.75rem}.social-links a{color:var(--text-light);text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;font-weight:500;font-size:.9rem;border:1px solid var(--border)}.social-links a:hover{color:var(--primary);background:var(--bg-accent);border-color:var(--primary-light);transform:translateY(-2px)}h1{font-size:3.5rem;font-weight:800;margin-bottom:1.25rem;color:var(--text-dark);line-height:1.1;letter-spacing:-.03em}h2{font-size:2.5rem;font-weight:700;margin:3rem 0 1.5rem;color:var(--text-dark);line-height:1.2;letter-spacing:-.02em}h3{font-size:1.75rem;font-weight:600;margin:2rem 0 1rem;color:var(--text);line-height:1.3}h4{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--text)}p{margin-bottom:1.25rem;color:var(--text-medium);font-size:1.0625rem;line-height:1.7}a{color:var(--primary);transition:color .2s ease}a:hover{color:var(--primary-dark)}strong{font-weight:600;color:var(--text)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.navbar{padding:1rem 0}.navbar .container{flex-direction:column;gap:1rem}.logo{font-size:1.5rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:.25rem}.nav-links a{font-size:.875rem;padding:.5rem .875rem}.footer .container{flex-direction:column;gap:1.5rem;text-align:center}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{font-size:1rem}}@media (max-width: 480px){.container{padding:0 1.25rem}h1{font-size:2rem}h2{font-size:1.75rem}}