*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}a{cursor:pointer}.app{width:100%}.navbar{color:#fff;z-index:1000;background:#0f172a;justify-content:space-between;align-items:center;width:100%;padding:18px 8%;display:flex;position:sticky;top:0}.logo{color:#fff;font-size:1.4rem;font-weight:800;text-decoration:none}.navLinks{flex-wrap:wrap;gap:18px;display:flex}.navLinks a{color:#e2e8f0;font-weight:600;text-decoration:none}.navLinks a:hover{color:#38bdf8}.section{min-height:80vh;padding:90px 8%;scroll-margin-top:80px}.hero{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b);align-items:center;min-height:100vh;display:flex}.heroContent{max-width:800px}.smallTitle{color:#38bdf8;text-transform:uppercase;letter-spacing:1px;font-weight:700}.hero h1{margin:10px 0;font-size:3.8rem}.hero h2{color:#cbd5e1;margin-bottom:20px;font-size:2rem}.hero p{color:#e2e8f0;font-size:1.1rem;line-height:1.8}.heroButtons{flex-wrap:wrap;gap:15px;margin-top:30px;display:flex}.btn{border-radius:999px;padding:14px 24px;font-weight:700;text-decoration:none}.primaryBtn{color:#0f172a;background:#38bdf8}.secondaryBtn{color:#38bdf8;border:2px solid #38bdf8}.lightSection{background:#f8fafc}.section h2{color:#0f172a;margin-bottom:25px;font-size:2.5rem}.section p{color:#475569;max-width:850px;font-size:1.05rem;line-height:1.8}.grid{gap:22px;display:grid}.skillsGrid{grid-template-columns:repeat(4,1fr)}.skillsGrid div{color:#0369a1;text-align:center;background:#e0f2fe;border-radius:16px;padding:18px;font-weight:800}.projectsGrid{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;box-shadow:0 10px 30px #0f172a14}.card h3{color:#0f172a;margin-bottom:10px}.card a{color:#0284c7;font-weight:800;text-decoration:none}.contactSection{color:#fff;background:#0f172a;min-height:70vh}.contactSection h2{color:#fff}.contactSection p{color:#cbd5e1}.contactLinks{flex-wrap:wrap;gap:15px;margin-top:30px;display:flex}.contactLinks a{color:#0f172a;background:#38bdf8;border-radius:999px;padding:13px 22px;font-weight:800;text-decoration:none}footer{color:#cbd5e1;text-align:center;background:#020617;padding:25px}@media (width<=900px){.navbar{flex-direction:column;align-items:flex-start;gap:15px}.navLinks{gap:12px}.hero h1{font-size:3rem}.skillsGrid{grid-template-columns:repeat(2,1fr)}.projectsGrid{grid-template-columns:1fr}}@media (width<=600px){.navbar{padding:16px 5%}.navLinks{flex-direction:column;width:100%}.section{padding:75px 5%}.hero h1{font-size:2.4rem}.hero h2{font-size:1.5rem}.skillsGrid{grid-template-columns:1fr}}