*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:#0f172a;margin:0;font-family:Arial,sans-serif}#root{min-height:100vh}.hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding:0 10%;display:flex}.hero h1{margin:0;font-size:64px}.hero h2{color:#94a3b8;margin-top:12px;font-size:28px;font-weight:400}.hero p{color:#cbd5e1;max-width:650px;font-size:20px;line-height:1.6}.buttons{gap:16px;margin-top:24px;display:flex}.buttons a{color:#fff;border:1px solid #64748b;border-radius:8px;padding:12px 20px;text-decoration:none;transition:all .2s;display:inline-block}.buttons a:hover{background:#1e293b;border-color:#94a3b8}.contact-links{gap:20px;display:flex}.contact-links a{color:#cbd5e1;text-decoration:none}.contact-links a:hover{color:#fff}.section{max-width:1000px;margin:0 auto;padding:80px 10%}.section h2{margin-bottom:30px;font-size:36px}.section p{color:#cbd5e1;line-height:1.7}.card{background:#172033;border-radius:12px;margin-bottom:20px;padding:24px}.card h3{margin-top:0;font-size:22px}.subtitle{color:#94a3b8}.card ul{color:#cbd5e1;padding-left:20px;line-height:1.7}.card li{margin-bottom:8px}.project-link{color:#fff;margin-top:12px;font-weight:600;text-decoration:none;display:inline-block}.project-link:hover{text-decoration:underline}.project-links{gap:20px;margin-top:16px;display:flex}.project-links a{color:#fff;font-weight:600;text-decoration:none}.project-links a:hover{text-decoration:underline}