@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Space+Grotesk:wght@400;600&display=swap";:root{--bg1:#041022;--bg2:#071229;--accent:#00c2ff;--accent-2:#6be0ff;--warm:#f7b955;--glass:rgba(255,255,255,.04);--muted:#9fb3c8}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,var(--bg1),var(--bg2));color:#e6f7ff;font-family:Inter,system-ui,Arial}.container{max-width:1200px;margin:0 auto;padding:2rem}.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.brand{font-weight:900;color:var(--accent);text-decoration:none;font-family:Space Grotesk,sans-serif;letter-spacing:.01em;text-shadow:0 0 18px rgba(0,194,255,.18)}.nav-links{list-style:none;display:flex;gap:1rem;margin:0;padding:0}.nav-links a{color:var(--muted);text-decoration:none}.menu-toggle{display:none}.hero{position:relative;min-height:78vh;display:flex;align-items:center;padding:4rem 0;overflow:hidden}.nav-links a{color:var(--muted);text-decoration:none;position:relative;padding:.25rem}.nav-links a.active{color:#fff}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-.3rem;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.hero-content{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12rem;align-items:center}.hero-left{flex:1}.hero-right{width:360px}.name{font-size:3.2rem;margin:0;color:#fff}.subtitle{color:var(--accent);font-weight:600;margin:.25rem 0}.tagline{color:var(--muted);margin-bottom:.6rem}.rotating{font-weight:600;color:var(--accent-2);font-size:1.05rem;min-height:1.5em;white-space:nowrap}.cursor{opacity:1;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.hero-ctas{margin-top:1rem;display:flex;gap:.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1rem;border-radius:8px;text-decoration:none;color:#eaffff;border:1px solid transparent;font-weight:600}.icon{display:inline-block;flex:0 0 auto}.btn.primary{background:linear-gradient(90deg,var(--accent),#3ad7ff);box-shadow:0 8px 30px #00c2ff1f}.btn.outline{background:transparent;border:1px solid rgba(123,220,255,.12);color:var(--accent-2)}.glass{background:linear-gradient(180deg,#ffffff05,#ffffff03);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.04);box-shadow:0 10px 30px #02061799}.card{padding:1.2rem;border-radius:12px}.profile-card{padding:1.6rem;text-align:center}.profile-card .avatar img{width:120px;height:120px;border-radius:20px;object-fit:cover;border:2px solid rgba(255,255,255,.04)}.profile-card h3{margin-bottom:.7rem}.profile-card .profile-role{margin:0;text-align:center;font-weight:600}.profile-card .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem}.profile-card .stats span{display:flex;align-items:center;justify-content:center;min-width:0;background:#00000040;padding:.4rem .35rem;border-radius:8px;font-size:.76rem;line-height:1.3;text-align:center;border:1px solid rgba(107,224,255,.06);white-space:nowrap}.section{padding:4rem 0}.section h2{margin:0 0 1.4rem;font-size:2rem;letter-spacing:0;color:#fff}.about-grid{display:grid;grid-template-columns:1fr 320px;gap:1.2rem;align-items:stretch}.about-text{display:flex;flex-direction:column}.about-text p{margin:0;line-height:1.5}.role-focus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.3rem}.role-focus-item{display:flex;align-items:flex-start;gap:.65rem;padding:.9rem;border-radius:10px;background:#00c2ff0b;border:1px solid rgba(107,224,255,.1)}.role-focus-icon{display:flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;border-radius:8px;background:#00c2ff1f;color:var(--accent-2);font-size:.7rem;font-weight:800}.role-focus-item h4{margin:0 0 .35rem;color:#fff;font-size:.9rem}.role-focus-item p{color:#b9ccdc;font-size:.78rem;line-height:1.45}.career-highlights{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem;align-items:center;margin-top:1rem;padding:1rem;border-radius:10px;background:linear-gradient(135deg,#00c2ff12,#6be0ff06);border:1px solid rgba(107,224,255,.11)}.career-label{display:inline-block;margin-bottom:.35rem;color:var(--accent-2);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.career-highlights h4{margin:0 0 .35rem;color:#fff;font-size:.95rem}.career-highlights p{color:#b9ccdc;font-size:.78rem;line-height:1.45}.career-highlights ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none}.career-highlights li{padding:.42rem;border-radius:7px;background:#0000002e;color:#d5e9f6;font-size:.72rem;font-weight:600;text-align:center}.target-roles{margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(107,224,255,.1)}.target-roles h4{margin:0 0 .7rem;color:#fff}.role-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.role-tags span{display:flex;align-items:center;justify-content:center;min-width:0;padding:.4rem .45rem;border-radius:999px;background:#00c2ff17;border:1px solid rgba(107,224,255,.16);color:#ccefff;font-size:.72rem;font-weight:600;line-height:1.25;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;align-items:stretch}.projects-grid>.project-card:not(.detailed-project-card){display:none}.project-card{position:relative;overflow:hidden;padding:0;border-radius:8px;background:linear-gradient(180deg,#09172bf5,#061122fa);border-color:#7ed6ff1a;perspective:1000px}.project-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),var(--warm),var(--accent-2));opacity:.85}.project-inner{display:flex;flex-direction:column;gap:1rem;height:100%;min-height:560px;padding:1.6rem;border-radius:8px;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}.project-media{flex:0 0 auto;width:64px;height:64px;border-radius:8px;background:linear-gradient(135deg,#00c2ff2e,#f7b95524);display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:800;color:#5be4ff;border:1px solid rgba(107,224,255,.12);box-shadow:0 14px 34px #00000038}.project-body{display:flex;flex-direction:column;min-height:0;flex:1}.project-body h3{margin:0;color:#f3fbff;font-size:1.22rem;line-height:1.18;letter-spacing:0}.project-body p{margin:.85rem 0 0;color:#d8e7f2;line-height:1.45}.project-body ul{margin:1rem 0 0;padding-left:0;list-style:none;color:#cfe0ee}.project-body li{position:relative;margin-bottom:.7rem;padding-left:1.05rem;line-height:1.45;font-size:.96rem}.project-body li:before{content:"";position:absolute;left:0;top:.62em;width:.34rem;height:.34rem;border-radius:50%;background:var(--warm);box-shadow:0 0 0 4px #f7b95514}.tech-stack{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto;padding-top:1rem}.tech-stack span{display:inline-flex;align-items:center;min-height:28px;padding:.3rem .58rem;border-radius:999px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07);color:#bfe9f7;font-size:.78rem;font-weight:700;line-height:1}.project-actions{margin-top:1rem}.repo-link{display:inline-flex;align-items:center;gap:.45rem;min-height:38px;padding:.52rem .82rem;border-radius:8px;background:#00c2ff1a;border:1px solid rgba(107,224,255,.22);color:#eaffff;text-decoration:none;font-size:.86rem;font-weight:800}.repo-link:hover{background:#00c2ff29;border-color:#6be0ff66}.project-card:hover .project-inner{transform:translateY(-6px);box-shadow:0 28px 60px #00000047}.contact-grid{display:grid;grid-template-columns:1fr 320px;gap:1rem}.contact-form label{display:block;margin-bottom:.6rem}.contact-form input,.contact-form textarea{width:100%;padding:.65rem;border-radius:8px;border:1px solid rgba(255,255,255,.04);background:transparent;color:#e6f7ff}.contact-info a{color:var(--accent-2);text-decoration:none}.contact-info a:hover{text-decoration:underline}.contact-info p{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.contact-info p .icon{color:var(--accent-2)}.contact-info p span{font-weight:700}.label-text{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.fade-up{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s}.fade-up.in-view{opacity:1;transform:none}.sticky{position:sticky;top:18px;z-index:40}.muted{color:var(--muted)}.timeline{padding:1rem}.timeline-item{border-left:2px solid rgba(107,224,255,.06);padding-left:1rem;margin-bottom:.6rem}.skills-grid>.skill-card:not(.detailed-skill-card){display:none}.skill-card h4{margin:0 0 1rem;color:#fff}.skill-list{display:grid;gap:.75rem}.skill-row{display:block;color:#cfe0ee;line-height:1.35}.skill-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.skill-name{display:inline-flex;align-items:center;min-width:0;min-height:30px;padding:.34rem .62rem;border-radius:999px;background:#00c2ff17;border:1px solid rgba(107,224,255,.16);color:#e6f7ff;font-size:.8rem;font-weight:800;line-height:1.1}@media (max-width:1100px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-inner{min-height:520px}.role-focus,.career-highlights{grid-template-columns:1fr}}@media (max-width:900px){.about-grid,.contact-grid{grid-template-columns:1fr}.hero-content{flex-direction:column;gap:2.5rem}.hero-right{width:100%}.name{font-size:2.4rem}.skills-grid{grid-template-columns:1fr}}@media (max-width:680px){.container{padding:1.25rem}.nav-wrap{position:sticky;top:0;z-index:90;background:#041022f0;border-bottom:1px solid rgba(107,224,255,.07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav{position:relative;align-items:center;min-height:64px;padding:.75rem 1.25rem}.nav.container{padding-left:1.25rem;padding-right:1.25rem}.nav.sticky{top:auto}.brand{max-width:210px;font-size:1.02rem;line-height:1.15}.menu-toggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:42px;height:42px;margin-left:auto;border:1px solid rgba(107,224,255,.28);border-radius:8px;background:linear-gradient(180deg,#041022f5,#051830e6);box-shadow:0 8px 22px #00000038,inset 0 0 0 1px #ffffff06;color:#e6f7ff;cursor:pointer}.menu-toggle span{display:block;width:22px;height:3px;border-radius:999px;background:var(--accent-2);box-shadow:0 0 10px #6be0ff57;transition:transform .18s ease,opacity .18s ease}.menu-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-links{position:absolute;z-index:100;top:calc(100% + .35rem);left:1.25rem;right:1.25rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:.75rem;border:1px solid rgba(107,224,255,.18);border-radius:8px;background:#041022fa;box-shadow:0 20px 45px #0000005c;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.nav-links.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-links li{min-width:0}.nav-links a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:.55rem;border-radius:8px;background:#ffffff09;border:1px solid rgba(255,255,255,.055);font-size:.88rem;font-weight:800;line-height:1.15;text-align:center}.nav-links a.active:after{left:.55rem;right:.55rem;bottom:.22rem;height:2px}.hero{min-height:auto;padding:3rem 0}.hero-content{gap:2rem}.projects-grid{grid-template-columns:1fr}.project-inner{min-height:0;padding:1.25rem}.project-body h3{font-size:1.12rem}.project-body li{font-size:.93rem}.hero-ctas{flex-wrap:wrap}.skill-row{grid-template-columns:1fr;gap:.45rem}.skill-name{max-width:100%}}