html,body,#root{min-height:100%;margin:0;padding:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#111827;margin:0;font-family:Arial,Helvetica,sans-serif}.app{background:#fff;min-height:100vh}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:70px;padding:0 8%;display:flex}.navbar h2{color:#4f46e5;margin:0}.links{gap:30px;display:flex}.links a{color:#374151;text-decoration:none}.links a:hover{color:#4f46e5}.hero{background:linear-gradient(135deg,#eef2ff,#fff);align-items:center;min-height:650px;padding:80px 8%;display:flex}.hero-content{max-width:750px}.small-title{color:#4f46e5;letter-spacing:2px;font-weight:700}.hero h1{margin:15px 0;font-size:64px;line-height:1.1}.hero h1 span{color:#4f46e5}.subtitle{color:#6b7280;max-width:600px;margin-bottom:35px;font-size:20px;line-height:1.6}.button{color:#fff;background:#4f46e5;border-radius:8px;padding:14px 28px;font-weight:700;text-decoration:none;display:inline-block}.button:hover{background:#4338ca}.section{text-align:center;padding:100px 8%}.section h2{margin-bottom:20px;font-size:40px}.section p{color:#6b7280;max-width:650px;margin:0 auto 30px;font-size:18px;line-height:1.7}.contact{background:#f9fafb}footer{text-align:center;color:#6b7280;border-top:1px solid #e5e7eb;padding:30px}@media (width<=700px){.navbar{padding:0 5%}.links{gap:12px}.hero{padding:60px 5%}.hero h1{font-size:44px}.section{padding:70px 5%}}