:root{--primary-color:#0f172a;--secondary-color:#1e293b;--accent-color:#0284c7;--accent-hover:#0369a1;--accent-light:#e0f2fe;--text-primary:#1e293b;--text-secondary:#64748b;--text-light:#f8fafc;--background-white:#fff;--background-alt:#f1f5f9;--border-color:#e2e8f0}*{box-sizing:border-box;scroll-behavior:smooth}body{color:var(--text-primary);background-color:var(--background-white);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.nav-link:hover{color:#38bdf8!important}.hero-bg{color:var(--text-light);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.card{background:var(--background-white);border:1px solid var(--border-color);border-radius:8px;padding:30px;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.form-input{border:1px solid var(--border-color);background-color:var(--background-alt);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s,background-color .2s}.form-input:focus{border-color:var(--accent-color);background-color:#fff}.grid-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.btn-primary{background-color:var(--accent-color);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:6px;padding:12px 28px;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{color:var(--text-light);border:2px solid var(--text-light);cursor:pointer;text-align:center;background-color:#0000;border-radius:6px;padding:12px 28px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.btn-secondary:hover{background-color:var(--text-light);color:var(--primary-color)}.section{padding:80px 20px}.section-title{color:var(--primary-color);text-align:center;margin-bottom:12px;font-size:32px;font-weight:700}.section-subtitle{color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto 50px;font-size:16px;line-height:1.6}@media (max-width:768px){header>div{flex-direction:column;gap:15px}nav{flex-wrap:wrap;justify-content:center;gap:15px}.section{padding:60px 15px}.section-title{font-size:26px}}