@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Orbitron:wght@500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#111326;min-width:320px;overflow-x:hidden}body,p,span,li,a,div{color:#e0e0e0;font-family:Inter,sans-serif;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#00caff;font-family:Orbitron,sans-serif;font-weight:700}#tsparticles{z-index:0;top:0;left:0;width:100%!important;height:100%!important;position:absolute!important}.section{z-index:1;color:#fff;max-width:1000px;margin:0 auto;padding:76px 20px;position:relative}.section h2{text-align:center;background:linear-gradient(100deg,#00d0ff,#00ffa5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:40px;font-family:Orbitron,sans-serif;font-size:clamp(2rem,5vw,2.5rem)}.about-section{max-width:860px}.about-section p+p{margin-top:16px}.hero-section{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:120px 20px 80px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;text-align:center;width:min(100%,960px);padding:0 20px;position:relative}.typed-name{background:linear-gradient(90deg,#00caff,#0fe);-webkit-text-fill-color:transparent;text-shadow:0 0 6px #00caffa6,0 0 14px #00caff73,0 0 22px #00ffee47;-webkit-background-clip:text;width:100%;min-height:1.25em;padding:.08em .18em .14em;font-family:Orbitron,sans-serif;font-size:clamp(2.6rem,7vw,4rem);font-weight:700;line-height:1.18;animation:2s ease-in-out infinite alternate neonPulse;display:block;overflow:visible}@keyframes neonPulse{0%{text-shadow:0 0 4px #00caff80,0 0 10px #00caff61,0 0 18px #00ffee38}to{text-shadow:0 0 7px #00caffbf,0 0 15px #00caff85,0 0 24px #00ffee52}}.hero-subtitle,.hero-content .subtitle{color:#fff;opacity:.85;margin-top:12px;font-family:Inter,sans-serif;font-size:clamp(1rem,3vw,1.4rem)}.hero-subtitle{opacity:0;transition:opacity 1s ease-in-out}.hero-subtitle.visible{opacity:.85}.hero-nav{opacity:0;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;transition:opacity .8s,transform .8s;display:flex;transform:translateY(8px)}.hero-nav.visible{opacity:1;transform:translateY(0)}.hero-nav a{color:#eafaff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050c186b;border:1px solid #00caff59;border-radius:999px;padding:8px 14px;font-size:.9rem;line-height:1;text-decoration:none;transition:border-color .2s,background .2s,color .2s,transform .2s}.hero-nav a:hover{color:#fff;background:#00caff24;border-color:#00ffeeb3;transform:translateY(-2px)}.hero-nav-primary{color:#fff!important;background:linear-gradient(90deg,#00caff47,#00ffee38)!important;border-color:#00ffeebf!important}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:default;background:#0a0c1499;border-radius:8px;width:360px;min-height:220px;padding:30px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 12px 30px #007aaa42,0 0 22px #00aadc2e}.glass-card:before{content:"";opacity:.2;z-index:0;border-radius:8px;animation:3s ease-in-out infinite alternate glowPulse;position:absolute;inset:0;box-shadow:0 0 20px #007aaa29,0 0 40px #00aadc14}.glass-card>*{z-index:1;position:relative}.glass-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #007aaa4d,0 0 28px #00aadc33}.glass-card h3{color:#00caff;margin-bottom:10px;font-size:1.35rem}.glass-card span{color:#fff;opacity:.72;margin-bottom:10px;font-size:.9rem}.glass-card ul{margin-top:10px;margin-left:20px;list-style-type:disc}.glass-card ul li{color:#e0e0e0;margin-bottom:8px;font-size:.9rem;line-height:1.45}@keyframes glowPulse{0%{opacity:.12}to{opacity:.24}}.experience-section{max-width:1100px}.jobs-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.experience-section .glass-card{width:auto;min-height:auto;padding:24px}.experience-section .glass-card h3{margin-bottom:6px;font-size:1.18rem}.experience-section .glass-card span{margin-bottom:8px;font-size:.86rem}.experience-section .glass-card ul{margin-top:8px}.experience-section .glass-card ul li{margin-bottom:6px;font-size:.9rem;line-height:1.42}.skills-section{max-width:1180px}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.skill-group{width:auto;min-height:auto;padding:22px}.skill-group h3{font-size:1.05rem;line-height:1.25}.skill-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.skill-tag{color:#eafaff;background:#00caff14;border:1px solid #00caff40;border-radius:999px;align-items:center;padding:5px 8px;font-size:.82rem;line-height:1.2;display:inline-flex}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.project-card{width:auto;min-height:auto}.project-type{color:#9befff;text-transform:uppercase;letter-spacing:.06em;opacity:.85;margin-bottom:10px;font-size:.85rem;display:block}.project-card p{margin-bottom:14px}.project-card .skill-tags{margin-top:18px}.contact-section .glass-card.contact-card{text-align:center;max-width:400px;margin:0 auto}.contact-section .glass-card.contact-card h3{color:#00caff;margin-bottom:10px;font-size:1.45rem}.contact-section .glass-card.contact-card span{color:#e0e0e0;margin-bottom:8px;display:block}.contact-card a{color:#e0e0e0;margin-bottom:8px;text-decoration:none;display:block}.contact-card a:hover{color:#00caff}.contact-icons{justify-content:center;gap:20px;margin-top:15px;display:flex}.contact-icons a svg{transition:transform .3s,filter .3s}.contact-icons a:hover svg{filter:drop-shadow(0 0 8px #00caff);transform:scale(1.15)}.contact-meta{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 4px;display:flex}.contact-meta span{color:#eafaff;background:#00caff12;border:1px solid #00caff38;border-radius:999px;padding:5px 9px;font-size:.82rem;line-height:1.2}.back-to-top{z-index:20;color:#eafaff;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050c18b8;border:1px solid #00caff73;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.35rem;line-height:1;text-decoration:none;transition:opacity .25s,transform .25s,border-color .2s,background .2s;display:grid;position:fixed;bottom:24px;right:24px;transform:translateY(10px);box-shadow:0 10px 24px #00000047}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:#00caff29;border-color:#00ffeebf}@media (width<=900px){.jobs-container,.projects-grid{grid-template-columns:1fr}}@media (width<=768px){.hero-section{padding:96px 16px 72px}.hero-content{padding:0}.typed-name{padding-left:.1em;padding-right:.1em;font-size:clamp(2.2rem,12vw,3rem)}.hero-subtitle,.hero-content .subtitle{font-size:1.05rem}.hero-nav{gap:10px;margin-top:24px}.hero-nav a{padding:8px 12px;font-size:.85rem}.section{padding:48px 14px}.section h2{margin-bottom:28px}.experience-section,.skills-section,.projects-section{max-width:100%;padding-left:14px;padding-right:14px}.jobs-container,.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.glass-card,.experience-section .glass-card,.project-card{width:100%;min-height:auto;padding:16px}.skill-group{width:100%;min-height:auto;padding:10px}.glass-card h3,.project-card h3{margin-bottom:6px;font-size:.95rem;line-height:1.25}.experience-section .glass-card h3{margin-bottom:6px;font-size:1.05rem;line-height:1.25}.skill-group h3{margin-bottom:4px;font-size:.68rem;line-height:1.2}.glass-card span,.experience-section .glass-card span{font-size:.82rem;line-height:1.35}.glass-card ul{margin-top:8px;margin-left:16px}.glass-card ul li,.experience-section .glass-card ul li{margin-bottom:6px;font-size:.86rem;line-height:1.42}.skill-tags{gap:4px;margin-top:8px}.skill-tag{padding:3px 4px;font-size:.54rem;line-height:1.15}.project-card p{margin-bottom:10px;font-size:.82rem;line-height:1.38}.project-type{margin-bottom:6px;font-size:.68rem}.contact-section .glass-card.contact-card{width:min(100%,360px)}.back-to-top{width:40px;height:40px;font-size:1.2rem;bottom:16px;right:16px}}@media (width<=560px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skill-group{padding:16px}.skill-group h3{font-size:.95rem}.skill-tag{padding:5px 7px;font-size:.74rem}}@media (width<=430px){.jobs-container,.projects-grid{grid-template-columns:1fr}.glass-card,.experience-section .glass-card,.project-card{padding:18px}.glass-card h3,.experience-section .glass-card h3,.project-card h3{font-size:1rem}.glass-card ul li,.experience-section .glass-card ul li,.project-card p{font-size:.84rem}}
