@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}:root{--bg:#070b14;--bg-soft:#0b1120;--card:#0d1525;--card-hover:#101b30;--text:#f5f7ff;--muted:#9aa6bd;--muted-2:#69758c;--border:#94a3b824;--blue:#4f8cff;--blue-bright:#63a4ff;--violet:#8b5cf6;--cyan:#38bdf8;--max-width:1120px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.6}body:before{content:"";pointer-events:none;z-index:-3;background:radial-gradient(circle at 18% 12%,#38bdf81c,#0000 24%),radial-gradient(circle at 82% 20%,#8b5cf61a,#0000 26%),radial-gradient(circle at 50% 58%,#4f8cff0e,#0000 34%),linear-gradient(#050913 0%,#070b14 45%,#060a12 100%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:-2;opacity:.38;background-image:linear-gradient(30deg,#0000 47%,#63a4ff0f 48% 49%,#0000 50%),linear-gradient(150deg,#0000 47%,#8b5cf60e 48% 49%,#0000 50%);background-size:150px 150px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#000000bf 45%,#0000 88%);mask-image:radial-gradient(#000 0%,#000000bf 45%,#0000 88%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.app{min-height:100vh;overflow-x:hidden}.navbar{z-index:100;width:min(calc(100% - 32px), var(--max-width));border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070b14c7;border-top:0;border-radius:0 0 18px 18px;justify-content:space-between;align-items:center;height:68px;padding:0 20px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.logo{color:var(--text);letter-spacing:-.04em;font-size:1.15rem;font-weight:800}.nav-links{scrollbar-width:none;gap:24px;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap;color:var(--muted);font-size:.8rem;transition:color .25s}.nav-links a:hover{color:var(--text)}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:130px 20px 80px;display:flex;position:relative}.hero:before,.hero:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.hero:before{z-index:0;opacity:.5;background-image:radial-gradient(circle,#63a4ffbf 0 1px,#0000 1.7px),radial-gradient(circle,#a78bfa99 0 1px,#0000 1.7px);background-position:0 0,34px 47px;background-size:82px 82px,119px 119px;animation:18s linear infinite networkDrift;inset:8% 6% 10%;-webkit-mask-image:radial-gradient(#000 0%,#0000 72%);mask-image:radial-gradient(#000 0%,#0000 72%)}.hero:after{z-index:0;opacity:.24;background:linear-gradient(25deg,#0000 49.6%,#63a4ff73 50%,#0000 50.4%) 0 0/180px 180px,linear-gradient(155deg,#0000 49.6%,#8b5cf666 50%,#0000 50.4%) 0 0/210px 210px;animation:7s ease-in-out infinite networkPulse;inset:15% 10%;-webkit-mask-image:radial-gradient(#000 0%,#0000 67%);mask-image:radial-gradient(#000 0%,#0000 67%)}.hero-content{z-index:2;width:min(900px,100%);position:relative}@keyframes networkDrift{0%{background-position:0 0,34px 47px}to{background-position:82px 82px,153px 166px}}@keyframes networkPulse{0%,to{opacity:.16;transform:scale(.98)}50%{opacity:.3;transform:scale(1.02)}}.hero-glow{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.hero-glow-one{background:#38bdf821;width:300px;height:300px;top:15%;left:20%}.hero-glow-two{background:#8b5cf621;width:280px;height:280px;bottom:15%;right:15%}.hero-badge{color:var(--muted);background:#4f8cff12;border:1px solid #63a4ff2e;border-radius:999px;align-items:center;gap:9px;margin-bottom:25px;padding:7px 12px;font-size:.76rem;display:inline-flex}.status-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #4ade80a6}.hero-intro{color:var(--muted);margin-bottom:4px;font-size:1rem}.hero h1{letter-spacing:-.075em;margin-bottom:10px;font-size:clamp(3.4rem,8vw,6.8rem);font-weight:800;line-height:1}.hero h1 span{background:linear-gradient(110deg, var(--blue-bright), #a78bfa);color:#0000;-webkit-background-clip:text;background-clip:text}.hero h2{color:#d9e2f3;margin-bottom:20px;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:600}.hero-description{max-width:680px;color:var(--muted);margin:0 auto;font-size:1rem}.hero-focus{flex-wrap:wrap;justify-content:center;gap:9px;margin:24px auto 30px;display:flex}.hero-focus span{border:1px solid var(--border);color:#c7d2e5;background:#0d1525bf;border-radius:999px;padding:7px 12px;font-size:.76rem}.hero-actions{justify-content:center;gap:12px;margin-bottom:34px;display:flex}.btn{border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-size:.84rem;font-weight:700;transition:all .25s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--blue), var(--violet));box-shadow:0 12px 35px #4f8cff33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px #4f8cff4d}.btn-secondary{border:1px solid var(--border);color:var(--text);background:#0d1525b3}.btn-secondary:hover{background:var(--card-hover);border-color:#63a4ff59;transform:translateY(-2px)}.hero-metrics{justify-content:center;gap:0;margin:0 auto 28px;display:flex}.hero-metrics div{border-right:1px solid var(--border);flex-direction:column;min-width:155px;padding:0 22px;display:flex}.hero-metrics div:last-child{border-right:0}.hero-metrics strong{color:var(--text);font-size:1.15rem}.hero-metrics span{color:var(--muted-2);font-size:.7rem}.social-links{justify-content:center;gap:22px;display:flex}.social-links a{color:var(--muted);font-size:.76rem;transition:color .25s}.social-links a:hover{color:var(--blue-bright)}.scroll-indicator{color:var(--muted-2);align-items:center;gap:9px;font-size:.68rem;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-indicator span{background:var(--blue);border-radius:50%;width:5px;height:5px;display:block;box-shadow:0 0 10px #4f8cffcc}.section{width:min(calc(100% - 40px), var(--max-width));margin:0 auto;padding:110px 0;scroll-margin-top:70px;position:relative}.section-label{color:var(--blue-bright);letter-spacing:.16em;margin-bottom:18px;font-size:.7rem;font-weight:800}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px;display:flex}.section-heading h2{letter-spacing:-.055em;max-width:650px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.section-heading p{max-width:420px;color:var(--muted);font-size:.9rem}.about-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:60px;display:grid}.about-copy{color:var(--muted);font-size:1rem;line-height:1.9}.about-copy p+p{margin-top:22px}.about-highlights{gap:12px;display:grid}.highlight-card{border:1px solid var(--border);background:#0d1525b3;border-radius:15px;padding:22px;transition:all .25s}.highlight-card:hover{background:var(--card-hover);border-color:#4f8cff4d;transform:translate(4px)}.highlight-card span,.panel-number,.skill-index,.project-number{color:var(--blue-bright);letter-spacing:.1em;font-size:.7rem;font-weight:800}.highlight-card h3{margin:7px 0 4px;font-size:1rem}.highlight-card p{color:var(--muted);font-size:.78rem}.focus-section{padding-top:55px}.focus-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.focus-panel{border:1px solid var(--border);background:var(--card);border-radius:20px;min-height:290px;padding:32px;position:relative;overflow:hidden}.focus-panel:after{content:"";filter:blur(55px);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-90px;right:-70px}.focus-blue:after{background:#4f8cff24}.focus-violet:after{background:#8b5cf624}.focus-panel h3{z-index:1;margin:15px 0 10px;font-size:1.45rem;position:relative}.focus-panel>p{z-index:1;max-width:490px;color:var(--muted);font-size:.86rem;position:relative}.panel-tags{z-index:1;flex-wrap:wrap;gap:8px;margin-top:24px;display:flex;position:relative}.panel-tags span,.tag-list span,.project-tags span{border:1px solid var(--border);color:#b9c6da;background:#ffffff06;border-radius:7px;padding:6px 9px;font-size:.68rem}.skills-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.skill-card{border:1px solid var(--border);background:var(--card);border-radius:16px;min-height:230px;padding:25px;transition:all .25s}.skill-card:hover{background:var(--card-hover);border-color:#4f8cff47;transform:translateY(-4px)}.skill-card h3{margin:14px 0 20px;font-size:1rem}.tag-list{flex-wrap:wrap;gap:7px;display:flex}.featured-project{background:linear-gradient(#63a4ff06 1px, transparent 1px), linear-gradient(90deg, #63a4ff06 1px, transparent 1px), radial-gradient(circle at 90% 10%, #8b5cf621, transparent 30%), radial-gradient(circle at 10% 90%, #38bdf81a, transparent 30%), var(--card);background-size:34px 34px,34px 34px,auto,auto,auto;border:1px solid #63a4ff29;border-radius:22px;padding:38px;position:relative;overflow:hidden}.project-glow{filter:blur(55px);background:#4f8cff12;border-radius:50%;width:250px;height:250px;position:absolute;top:-100px;right:-80px}.project-top{z-index:1;justify-content:space-between;align-items:start;gap:30px;display:flex;position:relative}.project-label{color:var(--blue-bright);letter-spacing:.14em;font-size:.68rem;font-weight:800}.project-top h3{letter-spacing:-.045em;margin:8px 0;font-size:clamp(1.5rem,3vw,2.2rem)}.project-subtitle{color:var(--muted);font-size:.88rem}.project-link{white-space:nowrap;color:var(--blue-bright);font-size:.75rem;font-weight:700}.anpr-pipeline{z-index:1;border:1px solid var(--border);background:#05091180;border-radius:15px;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:35px 0;padding:20px;display:grid;position:relative}.pipeline-step{flex-direction:column;gap:3px;display:flex}.pipeline-step span{color:var(--muted-2);font-size:.62rem}.pipeline-step strong{font-size:.84rem}.pipeline-step small{color:var(--blue-bright);font-size:.68rem}.pipeline-arrow{color:var(--muted-2)}.project-details{z-index:1;grid-template-columns:1.1fr 1fr;gap:40px;display:grid;position:relative}.project-details h4{margin-bottom:9px;font-size:.82rem}.project-details p,.project-details li{color:var(--muted);font-size:.78rem;line-height:1.8}.project-details ul{padding-left:17px}.project-tags{z-index:1;flex-wrap:wrap;gap:7px;margin-top:25px;display:flex;position:relative}.projects-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.project-card{border:1px solid var(--border);background:var(--card);border-radius:18px;padding:30px;transition:all .25s}.project-card:hover{border-color:#63a4ff47;transform:translateY(-4px)}.project-card h3{margin:13px 0 10px;font-size:1.15rem}.project-card p{min-height:80px;color:var(--muted);font-size:.8rem}.strengths-strip{width:min(calc(100% - 40px), var(--max-width));border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.strengths-strip div{border-right:1px solid var(--border);justify-content:center;align-items:center;gap:14px;min-height:100px;display:flex}.strengths-strip div:last-child{border-right:0}.strengths-strip span{color:var(--blue-bright);font-size:.68rem;font-weight:800}.strengths-strip strong{font-size:.82rem}.education-grid{grid-template-columns:1.35fr 1fr 1fr;gap:16px;display:grid}.education-card{border:1px solid var(--border);background:linear-gradient(145deg,#0d1525f2,#0a101de6);border-radius:18px;min-height:290px;padding:30px;transition:all .3s;position:relative;overflow:hidden}.education-card:before{content:"";background:linear-gradient(90deg, var(--blue), var(--violet));opacity:0;width:100%;height:2px;transition:all .3s;position:absolute;top:0;left:0}.education-card:hover{border-color:#4f8cff59;transform:translateY(-5px);box-shadow:0 18px 45px #00000040}.education-card:hover:before{opacity:1}.education-year{color:var(--blue-bright);letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;font-size:.72rem;font-weight:800}.education-card h3{color:var(--text);margin-bottom:12px;font-size:1.15rem}.education-institute{color:var(--text);margin-bottom:7px;font-size:.88rem;font-weight:600}.education-university{color:var(--muted);font-size:.78rem;line-height:1.6}.education-score{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-top:25px;padding-top:18px;display:flex}.education-score span{color:var(--muted);font-size:.76rem}.education-score strong{color:var(--text);font-size:1.5rem}.education-status{color:var(--blue-bright);background:#4f8cff14;border:1px solid #4f8cff33;border-radius:999px;margin-top:16px;padding:6px 10px;font-size:.7rem;font-weight:600;display:inline-block}.cert-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cert-card{border:1px solid var(--border);background:var(--card);border-radius:17px;padding:28px;transition:all .25s}.cert-card:hover{background:var(--card-hover);border-color:#4f8cff4d;transform:translateY(-4px)}.cert-card>span{color:var(--blue-bright);letter-spacing:.12em;font-size:.65rem;font-weight:800}.cert-card h3{margin:13px 0 12px;font-size:1rem}.cert-card p{color:var(--muted);font-size:.75rem}.contact-section{border:1px solid var(--border);background:var(--card);text-align:center;border-radius:24px;margin-bottom:40px;overflow:hidden}.contact-glow{filter:blur(70px);background:#4f8cff1f;border-radius:50%;width:380px;height:260px;position:absolute;top:-140px;left:50%;transform:translate(-50%)}.contact-content{z-index:1;position:relative}.contact-content .section-label{margin-bottom:22px}.contact-content h2{background:linear-gradient(110deg, var(--text), var(--blue-bright), #a78bfa);color:#0000;letter-spacing:-.06em;-webkit-background-clip:text;background-clip:text;max-width:750px;margin:0 auto 15px;font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.05}.contact-content p{max-width:560px;color:var(--muted);margin:0 auto 28px;font-size:.9rem}.footer{width:min(calc(100% - 40px), var(--max-width));border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:30px 0 40px;display:flex}.footer>div:first-child{flex-direction:column;display:flex}.footer strong{font-size:1rem}.footer span,.footer p,.footer-links a{color:var(--muted-2);font-size:.7rem}.footer-links{gap:18px;display:flex}.footer-links a:hover{color:var(--blue-bright)}@media (width<=950px){.navbar{width:calc(100% - 20px)}.nav-links{gap:17px}.section{padding:85px 0}.about-grid,.focus-grid,.project-details{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr 1fr}.education-grid{grid-template-columns:1fr}.education-card{min-height:auto}.cert-grid{grid-template-columns:1fr 1fr}.section-heading{flex-direction:column;align-items:start;gap:15px}.featured-project{padding:28px}}@media (width<=700px){.navbar{height:62px;padding:0 14px}.logo{margin-right:14px}.hero{min-height:92vh;padding-top:105px}.hero h1{font-size:clamp(3rem,15vw,5rem)}.hero-description{font-size:.88rem}.hero-metrics{flex-wrap:wrap;gap:15px 0}.hero-metrics div{min-width:33.33%;padding:0 12px}.hero-actions{flex-direction:column;width:min(320px,100%);margin-left:auto;margin-right:auto}.btn{width:100%}.skills-grid,.projects-grid,.cert-grid{grid-template-columns:1fr}.anpr-pipeline{grid-template-columns:1fr;gap:10px}.pipeline-arrow{display:none}.project-top{flex-direction:column}.project-card p{min-height:auto}.strengths-strip{grid-template-columns:1fr}.strengths-strip div{border-right:0;border-bottom:1px solid var(--border)}.strengths-strip div:last-child{border-bottom:0}.footer{flex-direction:column;align-items:start}}@media (width<=420px){.section,.strengths-strip,.footer{width:min(calc(100% - 28px), var(--max-width))}.hero{padding-left:14px;padding-right:14px}.hero-badge{font-size:.68rem}.hero-focus{gap:6px}.hero-focus span{font-size:.68rem}.hero-metrics div{border-right:0;border-bottom:1px solid var(--border);min-width:100%;padding:7px 0}.hero-metrics div:last-child{border-bottom:0}.social-links{gap:14px}.featured-project,.education-card,.focus-panel,.skill-card,.project-card,.cert-card{padding:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero:before,.hero:after{animation:none}*,:before,:after{transition-duration:.01ms!important}}
