.navbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000;background:#ffffffb3;justify-content:space-between;align-items:center;width:100%;padding:24px 8%;display:flex;position:sticky;top:0}.logo{font-size:24px;font-weight:700}.nav-links{gap:32px;list-style:none;display:flex}.nav-links li a{font-weight:500;transition:all .3s;position:relative}.nav-links li a:hover{opacity:.7}button{color:#fff;background:#0f172a;border-radius:12px;padding:10px 18px;font-weight:600}body.dark .navbar{background:#0f172ab3}body.dark button{color:#000;background:#fff}.nav-links li a:after{content:"";background:currentColor;width:0;height:2px;transition:all .3s;position:absolute;bottom:-4px;left:0}.nav-links li a:hover:after{width:100%}.hero{flex-direction:column;justify-content:center;gap:24px;min-height:100vh;display:flex}.hero h1{max-width:700px;font-size:72px;line-height:1.1}.hero p{max-width:650px;font-size:20px}.hero-buttons{gap:18px;margin-top:10px;display:flex}.hero-buttons a{color:#fff;background:#0f172a;border-radius:14px;padding:14px 28px;font-weight:600;transition:all .3s}.hero-buttons a:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000014}body.dark .hero-buttons a{color:#000;background:#fff}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px;display:grid}.project-card-link{color:inherit;text-decoration:none}.project-card{background:#fff;border-radius:20px;padding:28px;transition:all .3s;box-shadow:0 10px 30px #0000000a}.project-card:hover{transform:translateY(-6px)}.project-card h2{margin-bottom:12px}body.dark .project-card{background:#1e293b}.about,.contact,.footer{text-align:center}.about p,.contact p{max-width:700px;margin:0 auto}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-top:30px;display:grid}.skill-card{text-align:center;background:#fff;border-radius:16px;padding:18px;font-weight:600;box-shadow:0 10px 20px #00000008}body.dark .skill-card{background:#1e293b}.footer{padding-bottom:50px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#0f172a;background:#f8fafc;font-family:Inter,Arial,sans-serif;line-height:1.6}section{padding:100px 8%}h1{margin-bottom:24px;font-size:38px;font-weight:700}p{color:#475569;font-size:17px}a{color:inherit;text-decoration:none}button{cursor:pointer;color:#0f172a;background:0 0;border:none;outline:none}body.dark{color:#fff;background:#0f172a}body.dark p{color:#cbd5e1}@media (width<=768px){section{padding:80px 6%}h1{font-size:30px}.hero h1{font-size:42px}.nav-links{display:none}.hero-buttons{flex-direction:column}}.fade-up{animation:.8s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}