.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}.nav-actions{display:flex;gap:10px;align-items:center}.menu-btn{display:none;border:none;background:var(--card);color:var(--text);padding:10px;border-radius:12px;cursor:pointer}@media(max-width:768px){.nav{padding:14px 6%}.menu-btn{display:block}.nav-links{position:absolute;top:65px;left:0;width:100%;background:var(--bg);display:flex;flex-direction:column;gap:16px;padding:18px 6%;border-bottom:1px solid rgba(255,255,255,.08);transform:translateY(-200%);transition:.25s ease}.nav-links.open{transform:translateY(0)}.nav-links a{margin:0;font-size:16px}}.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)}.section-title{position:relative;display:inline-block}.section-title:after{content:"";position:absolute;left:0;bottom:-10px;height:3px;width:100%;background:var(--primary);border-radius:999px;transform:scaleX(0);transform-origin:left;transition:.5s ease}.section:hover .section-title:after{transform:scaleX(1)}.about-stats{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.about-card{background:var(--card);border:1px solid rgba(255,255,255,.06);padding:18px;border-radius:18px;text-align:center;transition:.25s ease}.about-card:hover{transform:translateY(-6px);border-color:#ffffff1f}.about-card h3{font-size:22px;margin-bottom:6px}.about-card p{color:var(--muted);font-size:14px}@media(max-width:768px){.about-stats{grid-template-columns:1fr}}.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}.featured-badge{position:absolute;top:14px;left:14px;background:#4f8cff2e;border:1px solid rgba(79,140,255,.35);color:var(--text);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3}.project-card{position:relative}.project-img{position:relative;overflow:hidden}.project-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 60%);opacity:.65;transition:.3s ease}.project-card:hover .project-img:after{opacity:.35}.project-footer{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.btn.small{position:relative;overflow:hidden}.btn.small:after{content:" →";display:inline-block;transform:translate(-6px);opacity:0;transition:.25s ease}.project-card:hover .btn.small:after{transform:translate(0);opacity:1}.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:.25s ease;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.skill:hover{border:1px solid var(--primary);box-shadow:0 0 20px #4f8cff38}.skill:before{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.18),transparent);transform:skew(-20deg);transition:.55s ease}.skill:hover:before{left:120%}.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);transition:.25s ease;position:relative;overflow:hidden}.service-card:hover{border:1px solid var(--primary);box-shadow:0 0 22px #4f8cff38}.service-card:before{content:"";position:absolute;top:0;left:-65%;width:45%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.18),transparent);transform:skew(-20deg);transition:.6s ease}.service-card:hover:before{left:120%}.service-icon{width:46px;height:46px;border-radius:14px;background:#4f8cff26;border:1px solid rgba(79,140,255,.25);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}.service-card h3{font-size:18px}.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);position:relative;overflow:hidden}.contact-box:before{content:"";position:absolute;top:0;left:-65%;width:45%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.16),transparent);transform:skew(-20deg);transition:.7s ease}.contact-box:hover:before{left:120%}.contact-box p{color:var(--muted)}.contact-links{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.contact-links .btn.small{display:inline-flex;align-items:center;justify-content:center;height:42px;min-width:140px;padding:0 16px;text-align:center;line-height:1;border-radius:12px;gap:8px}.contact-social{margin-top:22px}.contact-social-title{font-size:14px;color:var(--muted);margin-bottom:10px}.social-icons{display:flex;gap:12px}.social-icons a{width:44px;height:44px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text);transition:.25s ease}.social-icons a:hover{border-color:var(--primary);box-shadow:0 0 18px #4f8cff38}@media(max-width:480px){.social-icons a{width:42px;height:42px;border-radius:12px;font-size:18px}.contact-links{flex-direction:column}.contact-links .btn.small{width:100%;min-width:unset}}.footer{padding:30px;text-align:center;color:var(--muted);border-top:1px solid rgba(255,255,255,.08)}.tech-section{text-align:center}.tech-grid{margin-top:26px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.tech-card{background:var(--card);border:1px solid rgba(255,255,255,.06);padding:16px 10px;border-radius:18px;transition:.25s ease;cursor:default;position:relative;overflow:hidden}.tech-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 60%);opacity:0;transition:.25s ease}.tech-card:hover:before{opacity:1}.tech-icon{font-size:34px;color:var(--primary);margin-bottom:10px}.tech-name{font-size:14px;color:var(--muted)}.tech-card{animation:floaty 4s ease-in-out infinite}.tech-card:nth-child(2n){animation-delay:.6s}.tech-card:nth-child(3n){animation-delay:1.2s}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:1024px){.tech-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.tech-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.tech-grid{grid-template-columns:repeat(2,1fr)}}: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}