.nav{position:sticky;top:0;background:var(--bg);padding:16px 10%;display:flex;justify-content:space-between;align-items:center;z-index:10;border-bottom:1px solid rgba(255,255,255,.08)}.nav-logo{font-weight:800;font-size:20px}.nav-links a{margin:0 10px;color:var(--muted);text-decoration:none}.nav-links a:hover{color:var(--text)}.theme-btn{border:none;background:var(--card);color:var(--text);padding:10px;border-radius:12px;cursor:pointer}.hero{padding:60px 10% 40px;text-align:left}.hero-content h1{font-size:50px;line-height:1.2}.hero-content span{color:var(--primary)}.hero-title{margin-top:10px;font-size:20px;color:var(--muted)}.hero-desc{margin-top:20px;max-width:600px;color:var(--muted);line-height:1.8}.hero-buttons{margin-top:30px;display:flex;gap:12px}.hero-social{margin-top:25px;display:flex;gap:14px;font-size:24px}.hero-social a{color:var(--text)}.projects-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{background:var(--card);border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:transform .25s ease,box-shadow .25s ease,border .25s ease;cursor:pointer;display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.project-card:hover{transform:translateY(-6px);border:1px solid var(--primary);box-shadow:0 0 30px #4f8cff40}.project-card.featured{border:1px solid rgba(255,255,255,.08)}.project-card.featured:hover{border:1px solid var(--primary);box-shadow:0 0 25px #4f8cff59}.project-img{overflow:hidden}.project-img img{transition:transform .25s ease;width:100%;height:180px;object-fit:cover}.project-card:hover .project-img img{transform:scale(1.05)}.project-body{padding:18px;display:flex;flex-direction:column;flex:1}.project-body p{margin-top:10px;color:var(--muted);line-height:1.6}.project-footer{margin-top:auto}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tag{background:#ffffff12;padding:6px 10px;border-radius:10px;font-size:12px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.skill{background:var(--card);padding:14px;border-radius:14px;text-align:center;border:1px solid rgba(255,255,255,.08);transition:.2s ease}.skill:hover{transform:translateY(-4px);border:1px solid var(--primary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.service-card{background:var(--card);padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}.service-card p{margin-top:10px;color:var(--muted);line-height:1.6}.contact-box{background:var(--card);padding:25px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}.contact-box p{color:var(--muted)}.contact-links{display:flex;gap:12px;margin-top:18px}.footer{padding:30px;text-align:center;color:var(--muted);border-top:1px solid rgba(255,255,255,.08)}.tech-section{padding-top:20px}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin-top:20px}.tech-card{background:var(--card);border-radius:16px;padding:18px 10px;text-align:center;border:1px solid rgba(0,0,0,.06);transition:.25s ease;cursor:pointer}.tech-card:hover{transform:translateY(-6px);border:1px solid var(--primary);box-shadow:0 16px 40px #0000001a}.tech-icon{font-size:34px;color:var(--primary);margin-bottom:10px}.tech-name{font-size:14px;font-weight:600;color:var(--text)}:root{--bg: #0b0f19;--card: #131a2b;--text: #e6e6e6;--muted: #9aa4b2;--primary: #4f8cff}[data-theme=light]{--bg: #f4f6fb;--card: #ffffff;--text: #0b0f19;--muted: #556070;--primary: #2563eb}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:var(--bg);color:var(--text)}.section{padding:50px 10%}.section-title{font-size:32px;margin-bottom:20px}.section-text{color:var(--muted);font-size:17px;line-height:1.7}.btn{display:inline-block;border:1px solid var(--primary);padding:10px 16px;border-radius:10px;text-decoration:none;color:var(--text);transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--primary);color:#fff}.small{padding:8px 14px;font-size:14px}