:root{--primary:#00a86b;--primary-hover:#008f5a;--dark:#0f172a;--dark-light:#334155;--light-bg:#eff1f0;--gray-bg:#e2e8f0;--white:#fff;--border-color:#0f172a14;--max-width:1200px;--border-radius:24px;--font-sans:"Plus Jakarta Sans", sans-serif;--font-serif:"Lora", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--light-bg)}body{font-family:var(--font-sans);background:var(--light-bg);color:var(--dark);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--light-bg)}::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}img{max-width:100%;height:auto}button{font-family:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}.text-center{text-align:center}h1,h2,h3,h4{color:var(--dark);font-weight:800;line-height:1.2}h2{letter-spacing:-1px;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,2.75rem)}h2 span.dot{color:var(--primary);text-shadow:0 0 10px #00f2fe80;margin-left:2px;font-weight:900;display:inline-block}.accent-line{background:linear-gradient(90deg, var(--primary), var(--primary-hover));border-radius:2px;width:60px;height:4px;margin-top:10px}.btn{cursor:pointer;letter-spacing:-.2px;border:none;border-radius:999px;justify-content:center;align-items:center;padding:14px 28px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:var(--white);z-index:1;position:relative;overflow:hidden;box-shadow:0 4px 20px #00a86b33}.btn-primary:before{content:"";background:linear-gradient(135deg, var(--primary-hover), var(--primary));opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00a86b59}.btn-primary:hover:before{opacity:1}.btn-outline{border:1.5px solid var(--dark);color:var(--dark);background:0 0}.btn-outline:hover{background:#0f172a0d;transform:translateY(-2px)}header.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#eff1f0d9;border-bottom:1px solid #0f172a0f;width:100%;position:fixed;top:0;left:0}.glass-panel{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--border-radius);background:#fff9;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 30px #00000005}.glass-panel:hover{border-color:#00a86b26;box-shadow:0 10px 40px #00a86b0a}.glow-text-primary{text-shadow:0 0 15px #00a86b26}.glow-text-secondary{text-shadow:0 0 15px #9b51e026}.flex-center{justify-content:center;align-items:center;display:flex}.card-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;display:grid}.fade-in{animation:1s cubic-bezier(.16,1,.3,1) forwards fadeInAnim}@keyframes fadeInAnim{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.section-padding{padding:70px 0}}