@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700;800&display=swap);*{box-sizing:border-box}#root,body,html{margin:0;min-height:100%}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,sans-serif}:root{--bg:#0b1020;--bg-soft:#101833;--surface:#121a34c7;--line:#95a2ca40;--text:#ebf0ff;--muted:#a8b4d8;--accent:#66e2c9;--accent-2:#ffd166}.site-shell{background:radial-gradient(circle at 20% 0,#1f2d63 0,#0000 55%),radial-gradient(circle at 80% 10%,#093257 0,#0000 45%),linear-gradient(180deg,#0b1020,#060a16);background:radial-gradient(circle at 20% 0,#1f2d63 0,#0000 55%),radial-gradient(circle at 80% 10%,#093257 0,#0000 45%),linear-gradient(180deg,var(--bg) 0,#060a16 100%);color:#ebf0ff;color:var(--text);min-height:100vh;overflow:hidden;position:relative}.bg-orb{animation:floatOrb 12s ease-in-out infinite;border-radius:50%;filter:blur(10px);opacity:.35;pointer-events:none;position:fixed;z-index:0}.orb-1{background:radial-gradient(circle at 30% 30%,#8be9fd,#3a6ea5);height:240px;left:-40px;top:8%;width:240px}.orb-2{animation-delay:-4s;background:radial-gradient(circle at 30% 30%,#80ffdb,#5e60ce);height:320px;right:-120px;top:38%;width:320px}.orb-3{animation-delay:-7s;background:radial-gradient(circle at 35% 30%,#ffd166,#ef476f);bottom:4%;height:220px;left:30%;width:220px}.top-nav{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080d1eb3;border-bottom:1px solid #95a2ca40;border-bottom:1px solid var(--line);box-shadow:0 10px 30px #00000040;display:flex;justify-content:space-between;padding:.9rem 5vw;position:-webkit-sticky;position:sticky;top:0;z-index:50}.brand{color:#ebf0ff;color:var(--text);font-weight:800;letter-spacing:.05em;text-decoration:none}.top-nav nav{display:flex;gap:1rem}.top-nav nav a{border-radius:999px;color:#a8b4d8;color:var(--muted);font-size:.95rem;padding:.45rem .7rem;text-decoration:none;transition:background-color .25s ease,color .25s ease}.top-nav nav a:hover{background:#66e2c91c;color:#66e2c9;color:var(--accent)}main{margin:0 auto;width:min(1120px,90vw)}.section{padding:5.5rem 0 .5rem}.hero{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1.08fr .92fr;min-height:92vh;padding-top:3.4rem;position:relative}.hero:before{background:radial-gradient(circle at 75% 35%,#6f82ff8f,#0000 38%),radial-gradient(circle at 20% 15%,#3db6ff38,#0000 42%),linear-gradient(120deg,#10174066,#23196c6b);content:"";inset:-2rem -1rem 0;pointer-events:none;position:absolute;z-index:0}.hero-copy,.hero-visual-wrap{position:relative;z-index:1}.hero-badge{align-items:center;background:linear-gradient(120deg,#0e1846e6,#202c6cad);border:1px solid #90b0ffb8;border-radius:999px;color:#d7e3ff;display:inline-flex;font-size:.76rem;font-weight:700;letter-spacing:.1em;margin:0;padding:.62rem 1.08rem}.eyebrow,.hero-badge{text-transform:uppercase}.eyebrow{color:#66e2c9;color:var(--accent);font-size:.78rem;letter-spacing:.14em}h1{color:#eff5ff;font-size:clamp(2.5rem,5vw,5.2rem);letter-spacing:-.05em;line-height:.96;margin:1.15rem 0 1.35rem;max-width:10.6ch;text-shadow:0 8px 30px #111b4273}.hero h1 .highlight-cyan{color:#7adfff}.lead,.section-copy{color:#a8b4d8;color:var(--muted);max-width:65ch}.hero .lead{color:#c0cfef;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.55;margin:0;max-width:31ch}.keyword-copy{margin-bottom:1rem;margin-top:-.2rem}.skills-subtitle{color:#9cc7ff;letter-spacing:.03em;margin:-.2rem 0 1rem}.cta-row{display:flex;flex-wrap:wrap;gap:.95rem;margin-top:1.7rem}.btn{align-items:center;border-radius:999px;display:inline-flex;font-size:1rem;font-weight:700;justify-content:center;min-width:182px;padding:.88rem 1.55rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px)}.btn.solid{background:linear-gradient(120deg,#66e2c9,#4fbef8);background:linear-gradient(120deg,var(--accent),#4fbef8);color:#00131a}.btn.ghost{border:1px solid #95a2ca40;border:1px solid var(--line);color:#ebf0ff;color:var(--text)}.social-row{display:flex;gap:.9rem;margin-top:1.6rem}.social-row a{background:#0e163061;border:1px solid #95a2ca40;border:1px solid var(--line);border-radius:50%;color:#ebf0ff;color:var(--text);display:grid;height:2.55rem;place-items:center;width:2.55rem}.cert-card,.glass-card,.hero-card,.project-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(160deg,#ffffff14,#ffffff05);border:1px solid #95a2ca40;border:1px solid var(--line);border-radius:20px;position:relative;z-index:1}.hero-card{align-items:center;box-shadow:0 24px 50px #070a1573;display:flex;flex-direction:column;padding:1rem;transform-style:preserve-3d}.hero-visual-wrap{align-items:flex-end;display:flex;isolation:isolate;justify-content:center;min-height:640px}.hero-glow{border-radius:50%;filter:blur(4px);pointer-events:none;position:absolute}.hero-glow.orb-a{background:radial-gradient(circle at 35% 30%,#7c87ff80,#3e52c021 62%,#29389200);height:420px;right:42px;top:8px;width:420px}.hero-glow.orb-b{background:radial-gradient(circle at 30% 30%,#58d0ffa3,#4f7dff2e 64%,#58d0ff00);bottom:238px;height:142px;right:18px;width:142px}.hero-platform{background:radial-gradient(circle at 50% 35%,#5d6bffb3,#283583e6 55%,#162058f2 80%);border-radius:50%;bottom:102px;box-shadow:0 30px 80px #10153eb3,inset 0 -10px 40px #0a0e2da6;height:200px;position:absolute;width:620px;z-index:1}.hero-laptop{bottom:182px;left:92px;position:absolute;transform:perspective(1000px) rotateX(16deg) rotate(-7deg);width:290px;z-index:3}.laptop-screen{background:linear-gradient(180deg,#111a49,#0a1134);border:2px solid #b472ffb3;border-radius:14px;box-shadow:0 18px 30px #0a0e2c80;padding:12px 10px}.code-line{background:linear-gradient(90deg,#67e8f9,#7c8cff);border-radius:999px;height:6px;margin:6px 0;opacity:.88}.code-line.w1{width:84%}.code-line.w2{background:linear-gradient(90deg,#fda4af,#7c8cff);width:62%}.code-line.w3{width:92%}.code-line.w4{background:linear-gradient(90deg,#22d3ee,#818cf8);width:58%}.code-line.w5{width:76%}.code-line.w6{background:linear-gradient(90deg,#fbbf24,#a78bfa);width:40%}.hero-float{animation:heroFloat 6s ease-in-out infinite;position:absolute;z-index:4}.cube-1{background:linear-gradient(145deg,#68cbff,#6f61ff);border-radius:16px;bottom:218px;box-shadow:0 14px 24px #3458c973;height:74px;left:20px;width:74px}.ball-1{animation-delay:-1s;background:radial-gradient(circle at 35% 35%,#67e8f9,#5a64ff);border-radius:50%;bottom:250px;height:108px;opacity:.5;right:12px;width:108px}.hero-avatar-card{background:#0000;border:none;bottom:188px;box-shadow:none;padding:0;position:absolute;right:36px;z-index:5}.hero-avatar-card:before{display:none}.cert-card:before,.glass-card:before,.hero-card:before,.project-card:before{background:linear-gradient(140deg,#fff3,#ffffff03 44%);border-radius:inherit;content:"";inset:1px;pointer-events:none;position:absolute}.hero-character-bg{animation:profileFloat 5.8s ease-in-out infinite;background:radial-gradient(circle at 50% 18%,#fff3,#486fde14 54%,#0d163a8c);border:1px solid #afcdff4d;border-radius:50%;bottom:204px;box-shadow:0 24px 54px #4a68ff3d;height:320px;overflow:hidden;pointer-events:none;position:absolute;right:46px;width:320px;z-index:4}.hero-character-bg:after{background:linear-gradient(180deg,#090f2600 55%,#090f263d);content:"";inset:0;position:absolute}.hero-ghibli-blend{filter:none;height:100%;object-fit:cover;object-position:center 42%;opacity:.92;width:100%}.stats-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.75rem}.hero-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#182254f2,#0b1438e6);border:1px solid #7c9cff8c;border-radius:30px;bottom:16px;box-shadow:0 22px 52px #080d1e8f;padding:1rem;position:absolute;width:min(94%,470px);z-index:8}.hero .btn.solid{background:linear-gradient(135deg,#65e4d6,#66b2ff);color:#11224a}.hero .btn.ghost{background:linear-gradient(135deg,#97a9ff61,#f697c452);border-color:#bac7ff8c}.stats-grid article{animation:statPulse 4.5s ease-in-out infinite;background:#091125d9;border-radius:14px;padding:.9rem .95rem;position:relative;transform:translateZ(14px);z-index:2}.stats-grid article:nth-child(2){animation-delay:.25s}.stats-grid article:nth-child(3){animation-delay:.45s}.stats-grid article:nth-child(4){animation-delay:.65s}.stats-grid h3{color:#ffd166;color:var(--accent-2);font-size:2rem;letter-spacing:-.03em;line-height:1;margin:0}.stats-grid p{color:#b2c2e5;font-size:.92rem;line-height:1.35;margin:.32rem 0 0}h2{font-size:clamp(1.5rem,2.6vw,2.35rem);margin:0 0 1rem}.education-grid,.experience-grid,.project-grid{grid-gap:1rem;display:grid;gap:1rem}.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-timeline{grid-gap:1rem;display:grid;gap:1rem;padding-left:1.2rem;position:relative}.experience-timeline:before{background:linear-gradient(180deg,#5d7cffb3,#5d7cff26);bottom:0;content:"";left:.42rem;position:absolute;top:0;width:2px}.experience-card-modern{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(160deg,#121c3aeb,#0a1124d6);border:1px solid #95a2ca4d;border-radius:18px;box-shadow:0 16px 30px #060a1873;color:#dce7ff;padding:1rem;position:relative}.experience-rail{left:-1.2rem;position:absolute;top:1rem}.rail-dot{background:#0f1a38;border:2px solid #7ca6ff;border-radius:50%;color:#a9c3ff;display:grid;font-size:.7rem;font-weight:700;height:24px;place-items:center;width:24px}.glass-card{box-shadow:0 18px 35px #06091459;padding:1.1rem}.exp-head{align-items:center;display:flex;gap:.8rem}.exp-head img{background:#fff;border-radius:10px;height:40px;object-fit:contain;padding:4px;width:40px}.company-mark{background:#66e2c929;border:1px solid #95a2ca40;border:1px solid var(--line);border-radius:50%;color:#66e2c9;color:var(--accent);display:grid;font-size:.74rem;font-weight:700;height:40px;place-items:center;width:40px}.exp-head h3{color:#e9f2ff;margin:.18rem 0}.exp-head p{color:#9eb1db;font-size:.9rem;margin:0}.exp-head .exp-location{color:#7f93bf;font-size:.8rem;margin-top:.3rem}.work-mode{border:1px solid #8aa6eb59;border-radius:999px;color:#9eb1db;display:inline-block;font-size:.72rem;font-weight:600;padding:.1rem .5rem}.work-mode.remote{background:#66e2c924;border-color:#66e2c98c;color:#66e2c9;color:var(--accent)}.exp-period{color:#6eb6ff;font-size:.72rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.exp-scope{align-self:flex-start;background:#1f2f5a9e;border:1px solid #8aa6eb73;border-radius:999px;color:#b9cefb;font-size:.73rem;margin-left:auto;padding:.32rem .65rem}.glass-card ul{color:#a8b4d8;color:var(--muted);margin:.95rem 0 0;padding-left:1rem}.exp-keywords,.project-keywords{color:#91a4d8;font-size:.86rem;margin-top:.8rem}.experience-card-modern ul{color:#b2c3e8;margin:.9rem 0 0;padding-left:1rem}.experience-card-modern li{margin-bottom:.33rem}.exp-chip-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}.exp-chip{background:#1a284fa8;border:1px solid #8aa6eb61;border-radius:999px;color:#b7c9ef;font-size:.72rem;font-weight:600;padding:.24rem .58rem}.exp-details{background:#0c142cb3;border:1px solid #95a2ca47;border-radius:10px;margin-top:.8rem;padding:.55rem .7rem}.exp-details summary{color:#bbcdf2;cursor:pointer;font-size:.82rem;font-weight:600}.exp-details p{color:#9fb2de;font-size:.88rem;margin:.6rem 0 0}.skills-tabs{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}.skill-tab{background:#0a122780;border:1px solid #b8c5f3;border-radius:999px;color:#adc2f2;cursor:pointer;font-weight:600;padding:.58rem 1rem;transition:all .25s ease}.skill-tab.active{background:linear-gradient(135deg,#5d7cff,#28b8ff);border-color:#0000;box-shadow:0 12px 24px #3b82f659;color:#eff8ff}.skills-summary-card{background:#0b1224bd;border:1px solid #95a2ca59;border-radius:20px;margin-bottom:1rem;padding:1.1rem 1.3rem}.skills-summary-card h3{color:#e8f2ff;margin:0 0 .55rem}.skills-summary-card p{color:#aac0eb;margin:0}.skills-detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.skill-detail-card{background:#0b1328b8;border:1px solid #95a2ca4d;border-radius:18px;padding:1.05rem 1.1rem;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.skill-detail-card:hover{border-color:#67e8f9b3;box-shadow:0 14px 28px #09102261;transform:translateY(-4px)}.skill-detail-card h4{color:#e9f5ff;margin:0 0 .55rem}.skill-detail-card p{color:#a9bfeb;margin:0}.cert-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem}.cert-card{display:grid;padding:.75rem;place-items:center;transition:transform .3s ease,box-shadow .3s ease}.cert-card:hover{box-shadow:0 16px 30px #070a1566;transform:translateY(-6px) scale(1.02)}.cert-card img{max-width:150px;width:100%}.education-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.edu-school{color:#a8b4d8;color:var(--muted);margin:.35rem 0 .45rem}.edu-meta{color:#9dc2ff;font-size:.88rem;margin:0}.project-card{box-shadow:0 20px 40px #050a1861;overflow:hidden}.project-card:after{background:linear-gradient(180deg,#fff0,#fff3,#fff0);content:"";height:260%;left:-40%;pointer-events:none;position:absolute;top:-140%;transform:rotate(25deg);transition:transform .8s ease;width:65%}.project-card:hover:after{transform:rotate(25deg) translateY(42%)}.project-card img{display:block;height:220px;object-fit:cover;object-position:center;transition:transform .45s ease;width:100%}.project-card img.project-image-contain{background:#fff;object-fit:contain;object-position:center top}.project-card img.project-image-top{object-position:center top}.project-card img.project-image-ui{background:linear-gradient(135deg,#f7fbff,#eaf5f8);box-sizing:border-box;padding:6px}.project-card:hover img{transform:scale(1.05)}.project-card div{padding:1rem}.project-card h3{margin:0}.project-badge{background:linear-gradient(120deg,#67e8f9,#2dd4bf);border-radius:999px;color:#0c1120;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;margin-bottom:.65rem;padding:.28rem .55rem;text-transform:uppercase}.project-card p{color:#a8b4d8;color:var(--muted);margin:0}.project-card .project-tech{color:#f4cf7a;font-size:.84rem;font-weight:600;letter-spacing:.01em;margin:.4rem 0 .6rem}.project-link{color:#66e2c9;color:var(--accent);display:inline-flex;font-size:.88rem;font-weight:700;margin-top:.8rem;text-decoration:none;width:-webkit-fit-content;width:fit-content}.project-link:hover{color:#e9f5ff}.contact{padding-bottom:3rem}footer{border-top:1px solid #95a2ca40;border-top:1px solid var(--line);color:#a8b4d8;color:var(--muted);margin-top:2rem;padding:1.2rem 0 2rem;text-align:center}.tilt-card{transform-style:preserve-3d;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.tilt-card:hover{border-color:#66e2c98c;box-shadow:0 24px 45px #080e2380;transform:perspective(1000px) rotateX(6deg) rotateY(-7deg) translateY(-8px) scale(1.01)}footer,main{position:relative;z-index:1}@keyframes floatOrb{0%{transform:translateZ(0)}50%{transform:translate3d(0,-16px,0)}to{transform:translateZ(0)}}@keyframes profileFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes statPulse{0%{box-shadow:0 0 0 0 #67e8f900}50%{box-shadow:0 0 0 6px #67e8f914}to{box-shadow:0 0 0 0 #67e8f900}}@media (max-width:980px){.cert-grid,.education-grid,.hero,.project-grid,.skills-detail-grid{grid-template-columns:1fr}.hero-visual-wrap{margin-top:1rem;min-height:520px}.hero-platform{max-width:500px;width:100%}.hero-laptop{left:48px;width:240px}.hero-ghibli-blend{height:100%;width:100%}.hero-character-bg{bottom:202px;height:250px;right:18px;width:250px}.hero .lead{max-width:100%}h1{max-width:11.5ch}.exp-scope{margin-left:0;margin-top:.45rem}.exp-head{flex-wrap:wrap}}@keyframes heroFloat{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(-2deg)}to{transform:translateY(0) rotate(0deg)}}@media (max-width:720px){.hero-character-bg{animation-duration:5.2s;bottom:230px;height:210px;right:14px;width:210px}.top-nav{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#0a1024c7;border:1px solid #95a2ca38;border-radius:999px;box-shadow:0 18px 34px #050a1857;flex-direction:row;gap:0;justify-content:center;left:50%;padding:.72rem 1.15rem;position:fixed;top:12px;transform:translateX(-50%);width:auto;z-index:100}.brand{font-size:.98rem;letter-spacing:.04em;text-align:center}.top-nav nav{display:none}.tilt-card:hover{transform:translateY(-4px)}}
/*# sourceMappingURL=main.059bc591.css.map*/