@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f5f7f7;background:#02080c;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.portfolio-shell{background:radial-gradient(circle at 80% 28%,#00ff8014,#0000 24%),linear-gradient(135deg,#02080d 0%,#03131a 42%,#021016 100%);min-height:100vh;position:relative;overflow:hidden}.portfolio-shell:before{content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(#2eff8538 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.ambient{filter:blur(90px);pointer-events:none;opacity:.24;z-index:0;border-radius:50%;position:fixed}.ambient-one{background:#00e676;width:430px;height:430px;top:5%;right:-180px}.ambient-two{background:#00bfa5;width:330px;height:330px;top:42%;left:-180px}.ambient-three{background:#00ff7f;width:300px;height:300px;bottom:-130px;right:25%}.navbar{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02080dc2;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100% - 32px);height:78px;margin:auto;display:flex}.brand{color:#35ef79;letter-spacing:-1px;font-size:25px;font-weight:800}.brand span{color:#53616a;margin-left:5px;font-size:16px}.nav-links{align-items:center;gap:34px;display:flex}.nav-links a{color:#e6eceb;border-bottom:2px solid #0000;align-items:center;gap:9px;padding:27px 0 23px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.nav-links a:hover{color:#38ef7d;border-bottom-color:#38ef7d}.nav-actions{align-items:center;gap:20px;display:flex}.theme-toggle{color:#819097;cursor:pointer;background:#0a151b;border:1px solid #29373d;border-radius:22px;align-items:center;gap:7px;height:38px;padding:5px 9px;display:flex}.active-icon{color:#f5f7f7}.toggle-track{background:#243239;border-radius:20px;width:42px;height:24px;padding:3px}.toggle-track span{background:#68767b;border-radius:50%;width:18px;height:18px;transition:all .25s;display:block}.toggle-track.on{background:#12c85c}.toggle-track.on span{background:#8dffad;transform:translate(18px)}.resume-btn,.primary-btn,.outline-btn{border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.resume-btn{color:#ecfff2;border:1px solid #16d866}.resume-btn:hover,.outline-btn:hover{background:#1ce6681a;box-shadow:0 0 24px #1eeb681f}.section-container{z-index:2;width:min(1120px,100% - 32px);margin:auto;position:relative}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:35px;min-height:520px;padding-top:65px;display:grid}.hero-copy{max-width:680px}.eyebrow{color:#25e66d;margin-bottom:13px;font-size:18px;font-weight:700}.hero h1{letter-spacing:-3px;color:#f7faf9;margin:0;font-size:clamp(46px,6vw,72px);line-height:1.02}.hero h1 span{color:#31e875;display:inline}.hero h2{color:#f0f4f3;margin:22px 0 17px;font-size:clamp(21px,3vw,28px);font-weight:500}.hero p{color:#aab7ba;max-width:700px;font-size:17px;line-height:1.8}.hero-actions{gap:16px;margin-top:28px;display:flex}.primary-btn{color:#04100a;background:linear-gradient(135deg,#13c95b,#31ed78);box-shadow:0 12px 30px #19e56929}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 16px 35px #19e56947}.outline-btn{color:#f3fff6;border:1px solid #1de76a}.hero-visual{place-items:center;height:410px;display:grid;position:relative}.playwright-mark{background:radial-gradient(circle,#1cf56f3d,#0000 67%);border:2px solid #2df174;border-radius:50%;place-items:center;width:175px;height:175px;display:grid;position:relative;box-shadow:0 0 70px #22f17033}.mask{border-radius:48% 48% 46% 46%;place-items:center;width:100px;height:125px;font-size:0;display:grid;position:absolute;transform:rotate(-7deg)}.mask:after{content:"";clip-path:polygon(0 0,100% 0,86% 100%,16% 100%);background:currentColor;border-radius:50%;width:82px;height:68px}.front-mask{color:#38ed63;filter:drop-shadow(0 0 12px #33ef674d);transform:translate(18px,8px)rotate(8deg)}.back-mask{color:#34444a;transform:translate(-27px,-3px)rotate(-11deg)}.orbit{border:1px solid #37ee74cc;border-radius:50%;position:absolute;transform:rotate(-20deg)}.orbit-one{width:365px;height:180px}.orbit-two{border-color:#23bf6f52;width:300px;height:270px;transform:rotate(62deg)}.spark{background:#5aff92;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 14px #38ef78}.spark-one{top:80px;right:85px}.spark-two{bottom:70px;left:55px}.spark-three{top:115px;left:115px}.wave{filter:drop-shadow(0 0 10px #1eee6926);z-index:1;border-top:1px solid #2cf37459;border-radius:50%;width:520px;height:150px;position:absolute;transform:rotate(-12deg)}.wave-left{top:350px;left:-250px}.wave-right{top:300px;right:-230px;transform:rotate(12deg)}.about-card{background:linear-gradient(135deg,#0a1f22e0,#041116b8);border:1px solid #41ee8133;border-radius:22px;grid-template-columns:110px 1fr;align-items:center;gap:35px;padding:30px 38px;display:grid;box-shadow:0 20px 50px #00000038,inset 0 1px #ffffff0d}.about-icon{color:#27ed70;background:#14e06314;border:1px solid #2bee7066;border-radius:50%;place-items:center;width:78px;height:78px;font-size:30px;display:grid;box-shadow:0 0 28px #24e96d14}.about-card h2,.section-heading h2{color:#28e96e;margin:0 0 12px}.about-card h2{font-size:22px}.about-card p{color:#c0cbcc;margin:0;line-height:1.85}.content-section{padding:75px 0 25px}.section-heading{align-items:center;gap:12px;margin-bottom:27px;display:flex}.section-heading span{color:#2de873;font-size:27px;font-weight:800}.section-heading h2{margin:0;font-size:27px}.skills-grid{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.skill-card,.project-card,.community-card{background:linear-gradient(145deg,#0c1d23eb,#051218c7);border:1px solid #6b8f9738;border-radius:14px;transition:all .3s}.skill-card{min-height:225px;padding:23px}.skill-card:hover,.project-card:hover,.community-card:hover{border-color:#2aee6f7a;transform:translateY(-5px);box-shadow:0 18px 40px #00000040,0 0 25px #25eb6d0f}.skill-icon{color:#30e975;background:#22e06514;border:1px solid #22e06540;border-radius:50%;place-items:center;width:40px;height:40px;margin-bottom:15px;display:grid}.skill-card h3{color:#30e975;margin:0;font-size:17px}.heading-line{background:#31e875;width:38px;height:2px;margin:9px 0 14px}.skill-card ul,.community-card ul{margin:0;padding:0;list-style:none}.skill-card li,.community-card li{color:#d1d9da;margin:11px 0;font-size:14px}.skill-card li:before,.community-card li:before{content:"•";color:#2ee975;margin-right:10px;font-size:17px}.projects-grid,.community-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.project-card,.community-card{padding:25px}.project-title{align-items:center;gap:12px;display:flex}.project-title span{font-size:25px}.project-title h3,.community-card h3{color:#f1f6f5;margin:0;font-size:18px}.project-card p{color:#aebbbc;font-size:14px;line-height:1.7}.tech-list{flex-wrap:wrap;gap:7px;display:flex}.tech-list span{color:#a9d9b8;background:#1dd5630f;border:1px solid #44e07e38;border-radius:20px;padding:5px 10px;font-size:12px}.community-card li{margin:13px 0}footer{z-index:2;text-align:center;color:#758488;padding:45px 20px 25px;font-size:13px;position:relative}.typing-cursor{background:#35ed77;width:3px;height:.95em;margin-left:5px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (width<=900px){.nav-links{gap:16px}.nav-actions .resume-btn{display:none}.skills-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{height:300px}}@media (width<=640px){.nav-inner{width:min(100% - 20px,1120px)}.nav-links{display:none}.hero{min-height:auto}.hero h1{letter-spacing:-2px}.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{margin:-30px 0;transform:scale(.78)}.about-card{text-align:center;grid-template-columns:1fr}.about-icon{margin:auto}.skills-grid,.projects-grid,.community-grid{grid-template-columns:1fr}}