:root{--bg-main: #f8fafc;--bg-section: #ffffff;--bg-card: #ffffff;--blue: #2563eb;--blue-soft: #eff6ff;--text-main: #0f172a;--text-muted: #475569;--border-light: #e5e7eb;--shadow-soft: 0 10px 30px rgba(15, 23, 42, .08)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif}.container{max-width:1200px;margin:auto;padding:0 20px}section{background-color:var(--bg-section);padding:100px 0}h1,h2,h3{font-weight:700;color:var(--text-main)}p{color:var(--text-muted)}a{color:var(--blue);text-decoration:none}.btn-primary{background:var(--blue);color:#fff;padding:14px 28px;border-radius:10px;font-weight:600;transition:all .25s ease;box-shadow:0 10px 25px #2563eb40}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{border:1px solid var(--border-light);padding:14px 28px;border-radius:10px;color:var(--text-main);transition:all .25s ease}.btn-secondary:hover{background:var(--blue-soft)}.card{background:var(--bg-card);border-radius:18px;padding:36px;box-shadow:var(--shadow-soft);border:1px solid var(--border-light);transition:all .3s ease}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0f172a1f}.reveal{opacity:1;transform:translateY(0);transition:all .6s ease}.reveal.animate{opacity:1;transform:translateY(0)}nav{background:#fff;border-bottom:1px solid var(--border-light)}@media(max-width:768px){section{padding:70px 0}h1{font-size:2.1rem}}nav a{color:var(--text-main);font-weight:500}nav a:hover{color:var(--blue)}.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px #0f172a1f}