header.navbar{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);border-bottom:1px solid rgba(255,255,255,.03);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1100px,94%);margin:auto;padding:14px 0}.logo{font-weight:700;letter-spacing:.6px}.nav-links{display:flex;gap:14px;list-style:none;margin:0;padding:0}.nav-links a{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:8px}.nav-links a:hover{color:var(--accent);background:var(--glass)}:root{--bg: #0b1020;--card: #0f1724;--muted: #9aa7bd;--accent: #5eead4;--accent2: #60a5fa;--glass: rgba(255, 255, 255, .03)}.hero{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;margin-top:40px}.hero-card{padding:28px;border-radius:16px;background:var(--card);border:1px solid rgba(255,255,255,.03)}.hero h1{font-size:48px;margin:0 0 12px;line-height:1.2}.hero h1 .highlight{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero h2 .role-text{font-size:28px;font-weight:700;color:var(--accent);line-height:1.2;margin-bottom:16px}.hero p{color:var(--muted);font-size:16px;line-height:1.6;margin-bottom:16px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.btn{padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#080808;border:none}.btn-outline{border:1px solid rgba(255,255,255,.06);color:var(--muted);background:transparent}.btn-primary:hover,.btn-outline:hover{opacity:.9;transform:translateY(-1px)}.profile{border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:320px;background:linear-gradient(180deg,#ffffff03,#fff0);border:1px solid rgba(255,255,255,.03)}.profile img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 980px){.hero{grid-template-columns:1fr}.hero h1{font-size:36px}.hero h2 .role-text{font-size:24px}}@media (max-width: 640px){.hero h1{font-size:28px}.hero h2 .role-text{font-size:20px}}.section{margin-top:48px;text-align:center}.section h2{margin-bottom:16px;font-size:28px}.card{padding:18px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent);border:1px solid rgba(255,255,255,.03);max-width:700px;margin:0 auto}.muted{color:var(--muted);line-height:1.6;font-size:16px}.skills-grid{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:20px}.skill-card{flex:0 1 140px;padding:20px;border-radius:12px;text-align:center;font-weight:500;color:#fff;background:#ffffff05;border:1px solid rgba(255,255,255,.02);transition:transform .3s,box-shadow .3s,opacity .3s}.skill-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000026;opacity:.95}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{padding:14px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);border:1px solid rgba(255,255,255,.03)}.project-card .tech{font-size:12px;color:var(--muted)}.contact-form{display:grid;gap:14px;max-width:500px;margin:0 auto}.contact-form input,.contact-form textarea{padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#e6eef6;font-size:14px;outline:none;resize:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9aa7bd}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 10px #5eead433}.contact-form button{padding:12px 18px;border-radius:10px;background:linear-gradient(90deg,var(--accent),var(--accent2));border:none;color:#06202a;font-weight:600;cursor:pointer;transition:transform .2s ease}.contact-form button:hover{transform:scale(1.05)}.contact-cta{text-align:center;margin-top:20px;color:var(--accent);font-size:16px;font-weight:600;line-height:1.5}.site-footer{background:#0b1020;border-top:1px solid rgba(255,255,255,.03);padding:30px 20px;font-size:14px}.footer-container{display:flex;justify-content:space-between;max-width:1100px;margin:0 auto;flex-wrap:wrap;gap:20px}.footer-left p{margin:4px 0;color:#9aa7bd}.footer-right a{display:inline-block;margin-left:15px;color:#60a5fa;transition:color .3s}.footer-right a:hover{color:#5eead4}.footer-right svg{width:24px;height:24px;vertical-align:middle}@media (max-width: 640px){.footer-container{flex-direction:column;align-items:center;text-align:center}.footer-right a{margin-left:10px;margin-right:10px}}:root{--bg:#0b1020;--card:#0f1724;--muted:#9aa7bd;--accent:#5eead4;--accent2:#60a5fa;--glass: rgba(255,255,255,.03)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:radial-gradient(800px 500px at 10% 10%,rgba(96,165,250,.06),transparent),radial-gradient(600px 400px at 90% 90%,rgba(94,234,212,.04),transparent),var(--bg);color:#e6eef6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-container{width:min(1100px,94%);margin:90px auto 80px}.section{margin-top:55px;margin-bottom:75px}.section h2{margin:0 0 10px}.card{padding:18px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent);border:1px solid rgba(255,255,255,.03)}.muted{color:var(--muted)}.site-footer{margin-top:50px;text-align:center;color:var(--muted);font-size:14px}@media (max-width:980px){.hero{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.nav-links{display:none}.project-grid{grid-template-columns:1fr}}