@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#020408;min-width:320px;min-height:100vh;margin:0;font-family:Space Grotesk,sans-serif;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}.navbar{z-index:1000;-webkit-backdrop-filter:blur(18px);background:#020509b8;border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;width:100%;height:78px;padding:0 7%;display:flex;position:fixed;top:0;left:0}.nav-logo{letter-spacing:2px;color:#fff;font-size:25px;font-weight:700}.nav-logo span{color:#00e5ff;text-shadow:0 0 10px #00e5ffcc}.nav-menu{align-items:center;gap:34px;display:flex}.nav-menu a{color:#7f878e;font-size:14px;font-weight:400;transition:all .3s;position:relative}.nav-menu a:after{content:"";background:#00e5ff;width:0;height:1px;transition:width .3s;position:absolute;bottom:-8px;left:0;box-shadow:0 0 8px #00e5ffb3}.nav-menu a:hover{color:#fff}.nav-menu a:hover:after{width:100%}.nav-button{color:#00e5ff;border:1px solid #00e5ffcc;border-radius:30px;padding:11px 21px;font-size:13px;font-weight:500;transition:all .3s}.nav-button:hover{color:#020408;background:#00e5ff;box-shadow:0 0 25px #00e5ff40}.hero{background:radial-gradient(circle at 72% 48%,#00e5ff14,#0000 25%),radial-gradient(circle at 15% 85%,#7c3aed12,#0000 25%),#020408;justify-content:space-between;align-items:center;gap:30px;min-height:100vh;padding:110px 7% 60px;display:flex;position:relative;overflow:hidden}.hero-grid{pointer-events:none;background-image:linear-gradient(#00e5ff07 1px,#0000 1px),linear-gradient(90deg,#00e5ff07 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%)}.hero-glow{pointer-events:none;filter:blur(110px);border-radius:50%;position:absolute}.glow-one{opacity:.055;background:#00e5ff;width:500px;height:500px;top:18%;right:3%}.glow-two{opacity:.05;background:#7c3aed;width:420px;height:420px;bottom:-15%;left:-10%}.hero-content{z-index:20;width:54%;max-width:720px;position:relative}.hero-status{color:#707981;letter-spacing:1.7px;background:#00e5ff06;border:1px solid #00e5ff29;border-radius:30px;align-items:center;gap:9px;margin-bottom:20px;padding:7px 13px;font-size:10px;font-weight:500;display:inline-flex}.hero-status span{background:#00e5ff;border-radius:50%;width:6px;height:6px;animation:1.7s ease-in-out infinite statusPulse;box-shadow:0 0 8px #00e5ff,0 0 16px #00e5ff99}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.hero-small{color:#00e5ff;letter-spacing:4px;margin-bottom:10px;font-size:13px;font-weight:600}.hero-name{color:#fff;letter-spacing:-2.5px;background:linear-gradient(110deg,#fff 0%,#e8fbff 58%,#8cefff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:720px;margin:0;font-size:clamp(42px,4.3vw,68px);font-weight:700;line-height:1.04}.hero-specialties{color:#00e5ff;letter-spacing:.3px;margin-top:20px;font-size:clamp(17px,1.8vw,22px);font-weight:500;line-height:1.5}.hero-specialties span{color:#46525a;margin:0 7px}.hero-description{color:#7d878e;max-width:620px;margin-top:17px;font-size:15px;font-weight:400;line-height:1.75}.hero-buttons{align-items:center;gap:12px;margin-top:27px;display:flex}.btn-primary,.btn-secondary{border-radius:26px;justify-content:center;align-items:center;padding:12px 21px;font-size:13px;font-weight:500;transition:transform .3s,box-shadow .3s,background .3s,border .3s,color .3s;display:inline-flex}.btn-primary{color:#020408;background:#00e5ff;font-weight:700;box-shadow:0 0 22px #00e5ff1f}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 35px #00e5ff59}.btn-secondary{color:#aab3b9;background:#ffffff04;border:1px solid #293137}.btn-secondary:hover{color:#00e5ff;background:#00e5ff09;border-color:#00e5ff80;transform:translateY(-3px)}.hero-skills span{color:#69737a;background:#ffffff03;border:1px solid #20272c;border-radius:20px;padding:6px 12px;font-size:11px;transition:all .3s}.hero-skills span:hover{color:#00e5ff;background:#00e5ff09;border-color:#00e5ff59;transform:translateY(-2px)}.hero-visual{perspective:1200px;z-index:5;justify-content:center;align-items:center;width:46%;height:620px;display:flex;position:relative}.hero-canvas{z-index:1;opacity:1;pointer-events:none;position:absolute;inset:-40px}.hero-canvas canvas{display:block;width:100%!important;height:100%!important}.energy-core{z-index:10;justify-content:center;align-items:center;width:340px;height:340px;display:flex;position:relative}.energy-glow{filter:blur(14px);pointer-events:none;background:radial-gradient(circle,#00e5ff40 0%,#00e5ff14 42%,#0000 72%);border-radius:50%;width:270px;height:270px;animation:2.5s ease-in-out infinite energyPulse;position:absolute}@keyframes energyPulse{0%,to{opacity:.65;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}.profile-image-container{z-index:20;background:#080d12;border:2px solid #00e5ffd9;border-radius:50%;width:215px;height:215px;position:relative;overflow:hidden;box-shadow:0 0 20px #00e5ff4d,0 0 55px #00e5ff21,inset 0 0 20px #00e5ff14}.profile-image{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.profile-image-container:hover .profile-image{transform:scale(1.04)}.profile-ring{pointer-events:none;border-radius:50%;position:absolute}.ring-one{z-index:12;border:1px solid #00e5ff;border-color:#00e5ff #0000 #00e5ff61 #00e5ff61;width:258px;height:258px;animation:7s linear infinite rotateRing}.ring-two{z-index:11;border:1px dashed #8b5cf659;border-left-color:#8b5cf6;width:292px;height:292px;animation:11s linear infinite rotateRingReverse}.ring-three{z-index:10;border:1px solid #ffffff0f;border-color:#ffffffa6 #ffffff0f #0000;width:320px;height:320px;animation:5s linear infinite reverse rotateRing}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateRingReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.floating-card{z-index:40;color:#89949b;-webkit-backdrop-filter:blur(15px);white-space:nowrap;background:linear-gradient(135deg,#070e14e6,#03070cad);border:1px solid #00e5ff1f;border-radius:12px;align-items:center;padding:11px 15px;font-size:11px;display:flex;position:absolute;box-shadow:0 10px 35px #00000047,inset 0 0 15px #ffffff04}.floating-card span{color:#00e5ff;text-shadow:0 0 10px #00e5ffcc;margin-right:7px}.card-top{animation:3.5s ease-in-out infinite floatingOne;top:21%;right:1%}.card-bottom{animation:4.5s ease-in-out infinite floatingTwo;bottom:20%;left:0%}@keyframes floatingOne{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes floatingTwo{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}.energy-label{z-index:40;color:#536069;-webkit-backdrop-filter:blur(12px);letter-spacing:1.5px;background:#02080db8;border:1px solid #00e5ff24;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:9px;display:flex;position:absolute;bottom:13%;right:8%}.energy-dot{background:#00e5ff;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite energyBlink;box-shadow:0 0 8px #00e5ff}@keyframes energyBlink{0%,to{opacity:.3}50%{opacity:1}}section{scroll-margin-top:80px}.dummy-section{background:radial-gradient(circle at 50% 0,#00e5ff09,#0000 35%),#020408;border-top:1px solid #10161b;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.dummy-section h2{color:#161d22;font-size:60px;font-weight:600}@media (width<=1100px){.hero{padding-left:5%;padding-right:5%}.hero-content{width:52%}.hero-visual{width:48%}.hero-name{font-size:48px}.energy-core{transform:scale(.9)}}@media (width<=800px){.navbar{height:70px;padding:0 5%}.nav-menu{display:none}.nav-logo{font-size:22px}.nav-button{padding:9px 16px;font-size:12px}.hero{text-align:center;flex-direction:column;min-height:auto;padding:110px 6% 70px}.hero-content{width:100%;max-width:650px}.hero-name{letter-spacing:-1.5px;max-width:100%;font-size:38px;line-height:1.07}.hero-specialties{font-size:16px;line-height:1.8}.hero-description{margin-left:auto;margin-right:auto;font-size:14px;line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center}.hero-skills{justify-content:center}.hero-visual{width:100%;height:460px;margin-top:15px}.energy-core{width:310px;height:310px;transform:scale(.9)}.floating-card{display:none}.energy-label{bottom:5%;right:50%;transform:translate(50%)}}@media (width<=480px){.hero{padding-left:5%;padding-right:5%}.hero-small{letter-spacing:3px;font-size:11px}.hero-name{letter-spacing:-1px;font-size:31px}.hero-specialties{font-size:14px}.hero-specialties span{margin:0 4px}.hero-description{font-size:13px}.btn-primary,.btn-secondary{padding:11px 17px;font-size:12px}.hero-visual{height:400px}.energy-core{width:280px;height:280px;transform:scale(.78)}.energy-label{font-size:8px;bottom:3%}}@media (width<=360px){.hero-name{font-size:28px}.hero-specialties{font-size:13px}.hero-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.hero-visual{height:370px}.energy-core{transform:scale(.7)}}.hero{isolation:isolate;background:#02070c;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);align-items:center;gap:30px;width:100%;min-height:100vh;padding:120px 7vw 90px;display:grid;position:relative;overflow:hidden}.hero-video-bg{z-index:-20;background:#02070c;position:absolute;inset:0;overflow:hidden}.hero-video-bg video{object-fit:cover;object-position:center;filter:brightness(.94)contrast(1.05)saturate(1.08);will-change:transform;width:100%;height:100%;display:block;position:absolute;inset:0;transform:translateZ(0)scale(1.01)}.video-color-layer{z-index:-18;pointer-events:none;background:linear-gradient(90deg,#000a1247 0%,#000a120d 50%,#00142329 100%);position:absolute;inset:0}.video-left-readable{z-index:-17;pointer-events:none;background:linear-gradient(90deg,#00050bb3 0%,#00060d7a 42%,#00080f26 78%,#0000 100%);width:62%;position:absolute;top:0;bottom:0;left:0}.video-bottom-readable{z-index:-16;pointer-events:none;background:linear-gradient(#0000,#0004098c);height:28%;position:absolute;bottom:0;left:0;right:0}.hero-glow{pointer-events:none;filter:blur(45px);z-index:-10;border-radius:50%;position:absolute;transform:translateZ(0)}.hero-glow-left{background:#0077ff1c;width:400px;height:400px;top:25%;left:-180px}.hero-glow-right{background:#00dcff1a;width:520px;height:520px;top:15%;right:-220px}.hero-glow-center{background:#1e5aff0e;width:450px;height:450px;top:35%;left:48%}.hero-grid{z-index:-5;pointer-events:none;opacity:.09;background-image:linear-gradient(#00d2ff24 1px,#0000 1px),linear-gradient(90deg,#00d2ff24 1px,#0000 1px);background-position:50%;background-size:80px 80px;position:absolute;inset:0}.hero-vignette{z-index:-4;pointer-events:none;background:radial-gradient(#0000 50%,#0000003b 100%);position:absolute;inset:0}.hero-noise{display:none}.hero-top-line{z-index:60;background:#ffffff26;height:1px;display:flex;position:absolute;top:32px;left:7vw;right:7vw}.hero-top-line span:first-child{background:#00eaff;width:18%;box-shadow:0 0 7px #00eaff8c}.hero-top-line span:nth-child(2){flex:1}.hero-top-line span:nth-child(3){background:#7785ff;width:15%;box-shadow:0 0 7px #6464ff73}.hero-content{z-index:20;background:linear-gradient(90deg,#00050c75,#00070e1f,#0000);border-left:1px solid #00dcff38;border-radius:0 18px 18px 0;width:100%;min-width:0;max-width:820px;margin-left:-28px;padding:24px 28px 26px;position:relative}.hero-status{color:#f5fdffeb;letter-spacing:2.5px;text-shadow:0 2px 10px #000000e6;align-items:center;gap:11px;margin-bottom:21px;font-size:10px;font-weight:800;display:flex}.status-dot{will-change:transform, opacity;background:#00efff;border-radius:50%;flex:0 0 8px;width:8px;height:8px;animation:1.8s infinite statusPulse;box-shadow:0 0 7px #00efff,0 0 14px #00f0ffa6}.status-line{background:linear-gradient(90deg,#00eaff,#0000);width:65px;height:1px}.status-code{opacity:.45;margin-left:5px}.hero-small{color:#f2fbffd1;letter-spacing:5px;text-shadow:0 2px 10px #000000f2;margin:0 0 9px;font-size:12px;font-weight:800}.hero-name{letter-spacing:-2.8px;text-transform:uppercase;width:100%;max-width:790px;margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(39px,3.55vw,68px);font-weight:950;line-height:.96;display:block;position:relative;overflow:visible}.name-line{white-space:nowrap;color:#fff;background:linear-gradient(110deg,#fff 0% 24%,#f4f8fb 42%,#cbd7df 63%,#fff 78%,#b7f5ff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px #000000a6);-webkit-background-clip:text;background-clip:text;width:max-content;max-width:100%;display:block;overflow:visible;transform:translateZ(0)}.name-line-main{background:linear-gradient(105deg,#fff 0% 30%,#edf3f6 50%,#d3dde3 67%,#fff 82%,#b9f5ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:8px}.name-decoration{align-items:center;gap:6px;width:100%;max-width:390px;height:10px;margin-top:12px;display:flex}.name-decoration-main{background:linear-gradient(90deg,#00eaff,#00eaff40,#0000);width:115px;height:2px;box-shadow:0 0 6px #00eaff4d}.name-decoration-small{background:#ffffff73;width:35px;height:1px}.name-decoration-dot{background:#00eaff;border-radius:50%;width:4px;height:4px;box-shadow:0 0 6px #00eaff}.hero-specialties{letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 8px #000000e6;flex-wrap:wrap;align-items:center;gap:12px;margin-top:15px;font-size:10px;font-weight:800;display:flex;color:#fff!important}.hero-specialties span{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}.hero-specialties .active{color:#fff!important;-webkit-text-fill-color:#fff!important}.hero-specialties i{color:#00e1ff99;font-style:normal}.hero-description{color:#f6fbfde0;text-shadow:0 2px 3px #000000f2,0 4px 12px #000000a6;max-width:640px;margin:20px 0 0;font-size:14px;font-weight:500;line-height:1.75}.hero-description strong{color:#fff;font-weight:800}.hero-buttons{flex-wrap:wrap;gap:12px;margin-top:27px;display:flex}.hero-buttons a{letter-spacing:1.5px;text-transform:uppercase;will-change:transform;border-radius:5px;justify-content:space-between;align-items:center;gap:35px;min-width:175px;padding:14px 17px;font-size:10px;font-weight:900;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex;position:relative}.hero-buttons a:hover{transform:translateY(-3px)}.btn-primary{color:#001016;background:linear-gradient(100deg,#fff,#00e5ff);box-shadow:0 0 18px #00dcff40}.btn-primary:hover{box-shadow:0 0 28px #00e1ff73}.btn-primary b{font-size:18px;line-height:1}.btn-secondary{color:#fff;-webkit-backdrop-filter:none;background:#00080fd1;border:1px solid #00ebff99}.btn-secondary:hover{background:#001420e6;border-color:#00eaff;box-shadow:0 0 18px #00d2ff33}.btn-secondary b{font-size:18px;line-height:1}.hero-skills{flex-wrap:wrap;align-items:center;gap:8px;margin-top:27px;display:flex}.hero-skills span{color:#f0fbffc7;letter-spacing:1.3px;text-transform:uppercase;-webkit-backdrop-filter:none;background:#00080fc7;border:1px solid #dcf5ff2e;padding:7px 10px;font-size:8px;font-weight:800}.hero-skills .skill-label{color:#00edff;background:#00c8ff1f;border-color:#00e6ff80}.hero-stats{align-items:center;gap:22px;margin-top:28px;display:flex}.stat{flex-direction:column;gap:4px;display:flex}.stat strong{color:#fff;text-shadow:0 2px 8px #000c;font-size:19px;line-height:1}.stat span{color:#dcf4fa94;letter-spacing:1.7px;font-size:7px;font-weight:800}.stat-divider{background:linear-gradient(#0000,#00e1ffb3,#0000);width:1px;height:28px}.hero-visual{z-index:20;justify-content:center;align-items:center;width:100%;min-width:0;height:min(720px,75vh);display:flex;position:relative}.profile-halo{aspect-ratio:1;pointer-events:none;border-radius:50%;width:min(590px,90%);position:absolute;transform:translateZ(0)}.halo-one{filter:blur(12px);background:radial-gradient(circle,#00dcff29,#0000 62%)}.halo-two{will-change:transform;border:1px solid #00e1ff40;width:min(500px,80%);animation:20s linear infinite haloRotate;box-shadow:0 0 35px #00d2ff14}.halo-three{will-change:transform;border:1px dashed #6e8cff47;width:min(540px,86%);animation:26s linear infinite haloRotateReverse}@keyframes haloRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes haloRotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.profile-frame{aspect-ratio:1;touch-action:none;cursor:crosshair;background:linear-gradient(135deg,#fff,#00eaff 25%,#1167ff 58%,#9468ff);width:min(470px,78%);padding:5px;position:relative;overflow:hidden;transform:translateZ(0)rotate(-1.5deg);box-shadow:0 0 0 1px #00e1ff4d,0 0 35px #00c8ff2e,0 0 60px #0064ff1a}.profile-frame:before{content:"";z-index:2;pointer-events:none;border:1px solid #ffffff4d;position:absolute;inset:5px}.profile-image{z-index:1;object-fit:cover;object-position:center;filter:saturate(1.04)contrast(1.03);backface-visibility:hidden;background:#07121a;width:100%;height:100%;display:block;position:relative}.profile-glow{z-index:-1;filter:blur(20px);opacity:.55;pointer-events:none;background:linear-gradient(135deg,#00e6ff73,#0000 45%,#6450ff73);position:absolute;inset:-15px}.profile-corner{z-index:5;pointer-events:none;width:34px;height:34px;position:absolute}.corner-one{filter:drop-shadow(0 0 4px #00efff);border-top:2px solid #00efff;border-left:2px solid #00efff;top:-13px;left:-13px}.corner-two{border-top:2px solid #8190ff;border-right:2px solid #8190ff;top:-13px;right:-13px}.corner-three{border-bottom:2px solid #00efff;border-left:2px solid #00efff;bottom:-13px;left:-13px}.corner-four{border-bottom:2px solid #8190ff;border-right:2px solid #8190ff;bottom:-13px;right:-13px}.profile-tech-bar{z-index:8;-webkit-backdrop-filter:none;background:#00070ee6;border:1px solid #00e6ff59;gap:4px;padding:5px 7px;display:flex;position:absolute;top:15px;right:15px}.profile-tech-bar span{background:#00eaff;width:12px;height:3px;box-shadow:0 0 5px #00eaff80}.profile-tech-bar span:nth-child(2){opacity:.55}.profile-tech-bar span:nth-child(3){opacity:.25}.floating-card{z-index:15;-webkit-backdrop-filter:none;will-change:transform;background:#010a12eb;border:1px solid #00e1ff59;align-items:center;gap:12px;min-width:220px;padding:13px 15px;display:flex;position:absolute;box-shadow:0 12px 30px #0000006b,0 0 18px #00beff14}.card-top{top:13%;right:2%}.card-bottom{bottom:14%;left:1%}.floating-icon{color:#001016;background:linear-gradient(135deg,#fff,#00dfff);border-radius:8px;flex:0 0 35px;justify-content:center;align-items:center;width:35px;height:35px;font-size:16px;display:flex;box-shadow:0 0 14px #00dcff40}.floating-icon.purple{color:#fff;background:linear-gradient(135deg,#4d7dff,#9b67ff)}.floating-label{color:#d7f0fa8c;letter-spacing:1.5px;margin-bottom:4px;font-size:7px;font-weight:800;display:block}.floating-card strong{color:#fff;text-shadow:0 2px 6px #000c;font-size:11px;display:block}.system-status{z-index:15;-webkit-backdrop-filter:none;background:#00070deb;border:1px solid #00e1ff4d;align-items:center;gap:9px;padding:9px 12px;display:flex;position:absolute;bottom:5%;right:3%}.system-dot{background:#00ffae;border-radius:50%;width:7px;height:7px;box-shadow:0 0 7px #00ffaeb3}.system-status span{color:#d7f0fa7a;letter-spacing:1.5px;font-size:6px;display:block}.system-status strong{color:#9ffff0;letter-spacing:1px;margin-top:2px;font-size:9px;display:block}.system-bars{align-items:flex-end;gap:2px;height:14px;margin-left:8px;display:flex}.system-bars i{will-change:opacity;background:#00dfff;width:3px;animation:1.2s ease-in-out infinite systemBars}.system-bars i:first-child{height:5px}.system-bars i:nth-child(2){height:9px;animation-delay:.1s}.system-bars i:nth-child(3){height:13px;animation-delay:.2s}.system-bars i:nth-child(4){height:8px;animation-delay:.3s}.system-bars i:nth-child(5){height:11px;animation-delay:.4s}@keyframes systemBars{0%,to{opacity:.3}50%{opacity:1}}.visual-label{z-index:15;color:#e1f5fa8c;letter-spacing:2px;align-items:center;gap:9px;font-size:7px;font-weight:800;display:flex;position:absolute;top:4%;left:3%}.visual-label strong{color:#00eaff;text-shadow:0 0 7px #00e6ff80;font-size:10px}.hero-scroll{z-index:60;color:#ebfaff99;letter-spacing:2px;align-items:center;gap:12px;font-size:7px;font-weight:800;display:flex;position:absolute;bottom:32px;left:7vw}.scroll-line{background:linear-gradient(90deg,#00eaff,#0000);width:45px;height:1px}.scroll-arrow{color:#00eaff;will-change:transform;font-size:13px;animation:1.8s ease-in-out infinite scrollArrow}@keyframes scrollArrow{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (width<=1400px){.hero{padding-left:6vw;padding-right:6vw}.hero-name{font-size:clamp(38px,3.5vw,63px)}.profile-frame{width:min(430px,75%)}}@media (width<=1200px){.hero{grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);gap:25px}.hero-content{margin-left:-22px;padding-left:22px}.hero-name{letter-spacing:-2.3px;font-size:clamp(35px,3.7vw,57px)}.name-line{width:auto;max-width:100%}.profile-frame{width:min(390px,76%)}}@media (width<=1000px){.hero{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:15px}.hero-name{letter-spacing:-2px;font-size:clamp(32px,3.8vw,50px)}.hero-description{font-size:13px}.profile-frame{width:min(350px,78%)}.floating-card{transform:scale(.9)}}@media (width<=900px){.hero{grid-template-columns:1fr;gap:65px;min-height:auto;padding:130px 7vw 100px}.video-left-readable{background:linear-gradient(90deg,#00050bb8,#00050b4d,#0000);width:100%}.hero-content{background:linear-gradient(90deg,#00050c94,#00070e40,#0000);border-left:1px solid #00dcff40;max-width:760px;margin-left:0;padding:22px}.hero-name{font-size:clamp(42px,8vw,70px)}.name-line{width:max-content;max-width:100%}.hero-visual{height:600px}.profile-frame{width:min(450px,72vw)}.hero-scroll{display:none}}@media (width<=600px){.hero{gap:55px;padding:105px 22px 80px}.hero-top-line{left:22px;right:22px}.hero-content{border-radius:0 14px 14px 0;margin:0 -5px;padding:18px}.hero-status{letter-spacing:1.7px;font-size:8px}.status-line{width:35px}.hero-small{letter-spacing:3.5px;font-size:10px}.hero-name{letter-spacing:-1.8px;font-size:clamp(31px,9.5vw,50px);line-height:.98}.name-line{white-space:normal;width:100%;max-width:100%}.name-line-main{margin-top:7px}.name-decoration{margin-top:10px}.hero-specialties{letter-spacing:1.1px;gap:8px;font-size:8px}.hero-description{margin-top:18px;font-size:13px;line-height:1.7}.hero-buttons{margin-top:25px}.hero-buttons a{gap:20px;min-width:160px;padding:13px 14px;font-size:9px}.hero-skills{margin-top:25px}.hero-stats{gap:15px;margin-top:26px}.stat strong{font-size:17px}.stat span{font-size:7px}.hero-visual{height:500px}.profile-frame{width:min(390px,82vw)}.floating-card{gap:8px;min-width:auto;padding:10px}.floating-icon{flex-basis:30px;width:30px;height:30px;font-size:13px}.floating-card strong{font-size:9px}.floating-label{font-size:6px}.card-top{top:8%;right:0}.card-bottom{bottom:10%;left:0}.system-status{bottom:0;right:0}}@media (width<=420px){.hero{padding-left:17px;padding-right:17px}.hero-name{letter-spacing:-1.5px;font-size:29px}.hero-description{font-size:12px}.hero-buttons{flex-direction:column}.hero-buttons a{width:100%}.hero-visual{height:430px}.profile-frame{width:84vw}.floating-card{transform:scale(.88)}.card-top{right:-25px}.card-bottom{left:-25px}.system-status{transform-origin:100% 100%;transform:scale(.88)}}@media (prefers-reduced-motion:reduce){.profile-halo,.status-dot,.system-bars i,.scroll-arrow,.floating-card{animation:none!important}.hero-video-bg video{transform:none}.profile-image-reveal,.profile-lens{transition:none}}.hero-specialties,.hero-specialties span,.hero-specialties b{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}.profile-frame{isolation:isolate;touch-action:auto;cursor:default;position:relative;overflow:hidden}.profile-image-base{object-fit:cover;object-position:center;z-index:1;filter:saturate(1.04)contrast(1.03);backface-visibility:hidden;width:calc(100% - 10px);height:calc(100% - 10px);display:block;position:absolute;inset:5px}.profile-scan-layer{z-index:3;pointer-events:none;clip-path:inset(100% 0 0);will-change:clip-path;backface-visibility:hidden;width:calc(100% - 10px);height:calc(100% - 10px);transition:clip-path 2.8s cubic-bezier(.22,1,.36,1);position:absolute;inset:5px;overflow:hidden}.profile-image-second{object-fit:cover;object-position:center;filter:saturate(1.06)contrast(1.04);pointer-events:none;backface-visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0}.profile-scanner{z-index:6;pointer-events:none;opacity:0;will-change:transform, opacity;height:14px;position:absolute;bottom:5px;left:5px;right:5px;transform:translateY(0)}.profile-scanner.scanner-running{opacity:1;animation:2.8s cubic-bezier(.22,1,.36,1) forwards profileScannerUp}@keyframes profileScannerUp{0%{opacity:0;transform:translateY(0)}5%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(calc(14px - 100%))}}.scanner-line{background:linear-gradient(90deg,#0000 0%,#ffffffb3 8%,#fff 25%,#00eaff 50%,#fff 75%,#ffffffb3 92%,#0000 100%);height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 0 5px #00eaff,0 0 12px #00eaffe6,0 0 25px #00eaff8c}.scanner-glow{pointer-events:none;filter:blur(10px);opacity:.85;background:linear-gradient(#0000,#00eaff2e,#4678ff33,#00eaff2e,#0000);position:absolute;inset:-20px}.scanner-border{border-top:1px solid #ffffffbf;border-bottom:1px solid #00eaff8c;position:absolute;inset:-1px 0;box-shadow:0 0 8px #00eaff73}.profile-scan-layer.scan-show-second{clip-path:inset(0)}@media (width<=600px){.profile-scanner{height:11px;left:5px;right:5px}@keyframes profileScannerUp{0%{opacity:0;transform:translateY(0)}5%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(calc(11px - 100%))}}}@media (prefers-reduced-motion:reduce){.profile-scanner{opacity:0!important;animation:none!important}.profile-scan-layer{transition:none!important}}.about{background:0 0;width:100%;padding:60px 7vw;position:relative;overflow:hidden}.about:before{content:"";pointer-events:none;background:radial-gradient(circle,#00d9ff12 0%,#00a0ff06 35%,#0000 72%);width:550px;height:550px;position:absolute;top:5%;left:-300px}.about:after{content:"";pointer-events:none;background-image:linear-gradient(#00d9ff03 1px,#0000 1px),linear-gradient(90deg,#00d9ff03 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}.about-wrapper{z-index:2;max-width:1250px;margin:0 auto;position:relative}.about-header{max-width:700px;margin-bottom:60px}.about-label{color:#71818c;letter-spacing:4px;align-items:center;gap:12px;margin-bottom:22px;font-size:11px;font-weight:600;display:flex}.label-line{background:linear-gradient(90deg,#00d9ff,#00d9ff0d);width:35px;height:1px;position:relative;box-shadow:0 0 8px #00d9ff59}.about-header h2{color:#f5f9fc;letter-spacing:-5px;margin:0;font-size:clamp(50px,7vw,92px);font-weight:700;line-height:.95}.about-header h2 span{color:#0000;-webkit-text-stroke:1px #00d9ff73;text-shadow:0 0 25px #00d9ff0f}.about-header p{color:#788690;max-width:550px;margin-top:30px;font-size:15px;line-height:1.8}.experience-container{position:relative}.experience-container:before{content:"";background:linear-gradient(#0000,#00d9ff2e 10% 90%,#0000);width:1px;position:absolute;top:0;bottom:0;left:34px;box-shadow:0 0 8px #00d9ff14}.experience-card{grid-template-columns:70px minmax(0,1fr);gap:35px;margin-bottom:45px;display:grid;position:relative}.experience-card:last-child{margin-bottom:0}.experience-index{z-index:2;background:radial-gradient(circle,#00d9ff0d,#070c10 72%);border:1px solid #00d9ff2e;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:border-color .35s,transform .35s,box-shadow .35s;display:flex;position:relative;box-shadow:0 0 0 8px #03080cd9,0 0 20px #00d9ff06}.experience-index span{color:#7a8790;letter-spacing:1px;font-size:13px;transition:color .3s,text-shadow .3s}.experience-card:hover .experience-index{border-color:#00d9ffa6;transform:rotate(8deg);box-shadow:0 0 0 8px #03080ce6,0 0 25px #00d9ff1f}.experience-card:hover .experience-index span{color:#00d9ff;text-shadow:0 0 12px #00d9ff80}.experience-main{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#00d9ff06,#ffffff02);border:1px solid #ffffff12;border-radius:24px;min-width:0;padding:38px;transition:border-color .4s,background .4s,box-shadow .4s,transform .4s;position:relative;overflow:hidden}.experience-main:before{content:"";pointer-events:none;background:radial-gradient(circle,#00d9ff17,#0000 70%);width:320px;height:320px;transition:transform .6s;position:absolute;top:-200px;right:-130px}.experience-main:after{content:"";pointer-events:none;background:radial-gradient(circle,#008cff0b,#0000 70%);width:250px;height:250px;position:absolute;bottom:-190px;left:15%}.experience-card:hover .experience-main{background:linear-gradient(145deg,#00d9ff0a,#ffffff03);border-color:#00d9ff2e;transform:translateY(-2px);box-shadow:0 20px 60px #00000038,0 0 35px #00d9ff09}.experience-card:hover .experience-main:before{transform:scale(1.2)}.experience-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex;position:relative}.experience-period{color:#6d7c86;letter-spacing:2px;font-size:11px;font-weight:600;line-height:1.7}.experience-counter{color:#3f4d55;letter-spacing:2px;flex-shrink:0;font-size:10px;transition:color .3s}.experience-card:hover .experience-counter{color:#00aeda}.experience-main h3{color:#f3f8fb;letter-spacing:-1.5px;overflow-wrap:anywhere;margin:0;font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.2;transition:color .35s,text-shadow .35s;position:relative}.experience-card:hover .experience-main h3{color:#00d9ff;text-shadow:0 0 24px #00d9ff1f}.experience-main h4{color:#7c8991;overflow-wrap:anywhere;margin:12px 0 0;font-size:14px;font-weight:400;line-height:1.7;position:relative}.experience-divider{background:linear-gradient(90deg,#00d9ff26,#ffffff0f,#0000);width:100%;height:1px;margin:28px 0;position:relative}.experience-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:28px;display:grid;position:relative}.experience-details{min-width:0}.experience-description{flex-direction:column;gap:15px;display:flex}.experience-point{grid-template-columns:6px minmax(0,1fr);align-items:start;gap:13px;display:grid}.point-dot{background:#53656f;border-radius:50%;width:5px;height:5px;margin-top:9px;transition:background .3s,box-shadow .3s}.experience-card:hover .point-dot{background:#00d9ff;box-shadow:0 0 10px #00d9ffb3}.experience-point p{color:#7b878f;margin:0;font-size:13px;line-height:1.85;transition:color .3s}.experience-card:hover .experience-point p{color:#9ba8b0}.experience-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px;display:grid}.gallery-image{aspect-ratio:1;cursor:zoom-in;background:#071116;border:1px solid #00d9ff1f;border-radius:12px;width:100%;padding:0;transition:border-color .3s,box-shadow .3s;display:block;position:relative;overflow:hidden}.gallery-image:first-child{grid-column:1/-1}.gallery-image img{object-fit:cover;filter:brightness(.82)saturate(.9);width:100%;height:100%;transition:transform .5s,opacity .4s,filter .4s;display:block}.gallery-image:hover{border-color:#00d9ff73;box-shadow:0 0 20px #00d9ff14}.gallery-image:hover img{opacity:.82;filter:brightness(.98)saturate(1.05);transform:scale(1.07)}.gallery-zoom{color:#00d9ff;opacity:0;background:#01090ec7;border:1px solid #00d9ff4d;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:14px;transition:all .3s;display:flex;position:absolute;bottom:9px;right:9px;transform:translateY(4px)}.gallery-image:hover .gallery-zoom{opacity:1;transform:translateY(0);box-shadow:0 0 15px #00d9ff1f}.experience-tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.experience-tags span{color:#687781;letter-spacing:.4px;background:#00d9ff04;border:1px solid #00d9ff1a;border-radius:50px;padding:8px 12px;font-size:10px;transition:color .3s,border-color .3s,background .3s,box-shadow .3s}.experience-tags span:hover{color:#00d9ff;background:#00d9ff09;border-color:#00d9ff66;box-shadow:0 0 15px #00d9ff0f}.image-lightbox{z-index:9999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#01060af0;justify-content:center;align-items:center;padding:24px;animation:.25s lightboxFade;display:flex;position:fixed;inset:0}.image-lightbox:before{content:"";filter:blur(90px);pointer-events:none;background:#00d9ff09;border-radius:50%;width:500px;height:500px;position:absolute}.lightbox-content{z-index:2;background:#071116;border:1px solid #00d9ff29;border-radius:18px;width:min(90vw,780px);max-height:90vh;padding:12px;animation:.3s lightboxUp;position:relative;box-shadow:0 0 60px #00d9ff12}.lightbox-content>img{aspect-ratio:1;object-fit:contain;background:#03090d;border-radius:10px;width:100%;max-height:75vh;display:block}.lightbox-close{z-index:5;color:#fff;cursor:pointer;background:#00080cd1;border:1px solid #00d9ff40;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:27px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{color:#031015;background:#00d9ff;border-color:#00d9ff;box-shadow:0 0 25px #00d9ff4d}.lightbox-caption{color:#dce7ec;justify-content:space-between;align-items:center;gap:12px;padding:15px 5px 5px;font-size:13px;display:flex}.lightbox-caption small{color:#00aeda;letter-spacing:1px;font-size:10px}@keyframes lightboxFade{0%{opacity:0}to{opacity:1}}@keyframes lightboxUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1000px){.experience-layout{grid-template-columns:minmax(0,1fr) 180px;gap:20px}.experience-main{padding:28px}}@media (width<=700px){.about{padding:80px 5vw}.about-header{margin-bottom:45px}.about-header h2{letter-spacing:-3px;font-size:54px}.experience-container:before{left:23px}.experience-card{grid-template-columns:46px minmax(0,1fr);gap:16px;margin-bottom:35px}.experience-index{width:46px;height:46px;box-shadow:0 0 0 5px #03080ce6}.experience-main{border-radius:18px;padding:23px 18px}.experience-main h3{letter-spacing:-.8px;font-size:25px}.experience-main h4{font-size:13px}.experience-layout{grid-template-columns:1fr;gap:25px}.experience-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.gallery-image:first-child{grid-column:auto}.gallery-image{border-radius:9px}.gallery-zoom{opacity:1;width:22px;height:22px;font-size:12px;bottom:5px;right:5px;transform:none}.experience-point p{font-size:13px;line-height:1.75}.experience-counter{display:none}}@media (width<=420px){.about{padding:70px 16px}.about-header h2{font-size:44px}.experience-card{grid-template-columns:36px minmax(0,1fr);gap:12px}.experience-container:before{left:18px}.experience-index{width:36px;height:36px}.experience-index span{font-size:10px}.experience-main{padding:20px 14px}.experience-main h3{font-size:21px}.experience-period{letter-spacing:1px;font-size:9px}.experience-tags span{padding:7px 9px;font-size:9px}}.projects{color:#f5f9fc;background:#02070b;padding:60px 0;position:relative;overflow:hidden}.projects:before{content:"";pointer-events:none;background:radial-gradient(circle at 10% 20%,#00d2ff12,#0000 28%),radial-gradient(circle at 90% 70%,#00aaff0d,#0000 30%);position:absolute;inset:0}.projects:after{content:"";pointer-events:none;background-image:linear-gradient(#00c8ff06 1px,#0000 1px),linear-gradient(90deg,#00c8ff06 1px,#0000 1px);background-size:75px 75px;position:absolute;inset:0}.projects-container{z-index:2;width:min(1150px,90%);margin:auto;position:relative}.projects-heading{border-bottom:1px solid #00c8ff1f;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:70px;padding-bottom:40px;display:flex}.projects-label{color:#00d9ff;letter-spacing:4px;text-shadow:0 0 15px #00d9ff66;margin-bottom:18px;font-size:11px;font-weight:600;display:block}.projects-heading h2{letter-spacing:-5px;color:#f5f9fc;margin:0;font-size:clamp(55px,8vw,105px);font-weight:700;line-height:.86}.projects-heading h2 span{color:#00d9ff;text-shadow:0 0 20px #00d9ff80}.projects-heading p{color:#71808b;max-width:330px;margin:0;font-size:14px;line-height:1.8}.projects-list{flex-direction:column;display:flex}.project-item{opacity:0;animation:.8s cubic-bezier(.22,1,.36,1) forwards projectReveal;animation-delay:var(--project-delay);border-bottom:1px solid #ffffff12;grid-template-columns:80px 1fr;gap:40px;padding:50px 0;display:grid;transform:translateY(30px)}@keyframes projectReveal{to{opacity:1;transform:translateY(0)}}.project-number{color:#ffffff38;letter-spacing:2px;padding-top:5px;font-size:14px;transition:color .3s,text-shadow .3s}.project-item:hover .project-number{color:#00d9ff;text-shadow:0 0 15px #00d9ff80}.project-meta{letter-spacing:2.5px;color:#61717d;align-items:center;gap:12px;margin-bottom:20px;font-size:10px;font-weight:600;display:flex}.meta-dot{color:#00d9ff;text-shadow:0 0 10px #00d9ffb3}.project-content h3{color:#f2f7fa;letter-spacing:-2px;max-width:850px;margin:0 0 22px;font-size:clamp(30px,4vw,52px);font-weight:600;line-height:1.08;transition:transform .4s,color .4s,text-shadow .4s}.project-item:hover .project-content h3{color:#00d9ff;text-shadow:0 0 25px #00d9ff2e;transform:translate(6px)}.project-description{color:#71808b;max-width:680px;margin:0 0 25px;font-size:14px;line-height:1.8}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.project-tags span{color:#63737e;letter-spacing:1.5px;background:#00c8ff04;border:1px solid #00c8ff1f;border-radius:3px;padding:7px 11px;font-size:9px;transition:border-color .3s,color .3s,background .3s,box-shadow .3s}.project-tags span:hover{color:#00d9ff;background:#00d9ff0d;border-color:#00d9ff8c;box-shadow:0 0 15px #00d9ff14}.project-images{gap:10px;margin-top:25px;margin-bottom:22px;display:grid}.project-images.count-2{grid-template-columns:repeat(2,1fr)}.project-images.count-4{grid-template-columns:repeat(4,1fr)}.project-image{aspect-ratio:16/10;cursor:pointer;text-align:left;background:#071017;border:1px solid #ffffff0f;width:100%;padding:0;transition:border-color .4s,box-shadow .4s,transform .4s;display:block;position:relative;overflow:hidden}.project-image:before{content:"";z-index:2;pointer-events:none;opacity:0;background:linear-gradient(135deg,#00d9ff14,#0000 40%);transition:opacity .4s;position:absolute;inset:0}.project-image img{object-fit:cover;filter:brightness(.78)saturate(.8);width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s;display:block;transform:scale(1.01)}.project-image:hover{border-color:#00d9ff73;transform:translateY(-3px);box-shadow:0 0 25px #00d9ff14}.project-image:hover:before{opacity:1}.project-image:hover img{filter:brightness(.95)saturate();transform:scale(1.08)}.image-overlay{z-index:3;opacity:0;background:#000a0f7a;justify-content:center;align-items:center;gap:10px;transition:opacity .35s;display:flex;position:absolute;inset:0}.project-image:hover .image-overlay{opacity:1}.image-overlay span:first-child{letter-spacing:3px;color:#fff;font-size:11px;font-weight:600}.view-arrow{color:#00d9ff;text-shadow:0 0 15px #00d9ffcc;font-size:20px}.image-index{z-index:4;letter-spacing:2px;color:#ffffffb3;font-size:9px;position:absolute;bottom:10px;right:12px}.pdf-preview{background:linear-gradient(135deg,#00c8ff09,#ffffff02);border:1px solid #00c8ff1f;align-items:center;gap:25px;min-height:170px;margin-top:25px;margin-bottom:22px;padding:35px;transition:border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.pdf-preview:hover{border-color:#00d9ff4d;box-shadow:0 0 35px #00d9ff0d}.pdf-preview:before{content:"";border:1px solid #00d9ff1f;border-radius:50%;width:180px;height:180px;transition:transform .6s;position:absolute;top:-80px;right:-80px}.project-item:hover .pdf-preview:before{transform:scale(1.4)}.pdf-icon{background:#050c11;border:1px solid #00d9ff59;flex-shrink:0;justify-content:center;align-items:flex-end;width:70px;height:85px;padding-bottom:13px;display:flex;position:relative;box-shadow:0 0 20px #00d9ff0d}.pdf-icon:before{content:"";border-top:0 solid #0000;border-bottom:22px solid #0000;border-left:0 solid #0000;border-right:22px solid #00d9ff33;position:absolute;top:0;right:0}.pdf-icon span{letter-spacing:1px;color:#00d9ff;text-shadow:0 0 10px #00d9ff80;font-size:11px;font-weight:700}.pdf-info{flex-direction:column;gap:8px;display:flex}.pdf-info span{letter-spacing:2px;color:#52636e;font-size:9px}.pdf-info strong{color:#dce7ec;font-size:20px;font-weight:500}.pdf-line{opacity:.35;background:linear-gradient(90deg,#00d9ff,#0000);height:1px;position:absolute;bottom:18px;left:35px;right:35px}.project-actions{align-items:center;gap:15px;display:flex}.project-view,.project-download{color:#fff;letter-spacing:1.8px;cursor:pointer;background:#00c8ff06;border:1px solid #00c8ff38;justify-content:space-between;align-items:center;min-width:155px;padding:13px 16px;font-family:inherit;font-size:9px;font-weight:600;text-decoration:none;transition:background .3s,border-color .3s,color .3s,box-shadow .3s,transform .3s;display:inline-flex}.project-view strong{color:#00d9ff;margin-left:20px;font-size:16px}.project-view:hover{color:#031015;background:#00d9ff;border-color:#00d9ff;transform:translateY(-2px);box-shadow:0 0 25px #00d9ff40}.project-view:hover strong{color:#031015}.project-download{color:#687780;background:0 0;border-color:#ffffff14;min-width:auto}.project-download span{color:#00d9ff;margin-left:15px;font-size:15px}.project-download:hover{color:#fff;border-color:#00d9ff73;box-shadow:0 0 20px #00d9ff0f}.projects-footer{letter-spacing:2px;color:#40505a;justify-content:space-between;padding-top:30px;font-size:9px;display:flex}.project-lightbox{z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#010508f5;justify-content:center;align-items:center;padding:40px;animation:.3s lightboxIn;display:flex;position:fixed;inset:0}.project-lightbox:before{content:"";filter:blur(80px);pointer-events:none;background:#00d9ff0a;border-radius:50%;width:500px;height:500px;position:absolute}@keyframes lightboxIn{0%{opacity:0}to{opacity:1}}.lightbox-content{z-index:2;width:min(1000px,90vw);max-height:90vh;position:relative}.lightbox-content img{object-fit:contain;border:1px solid #00d9ff26;width:100%;max-height:78vh;animation:.35s cubic-bezier(.22,1,.36,1) imageZoom;display:block;box-shadow:0 0 60px #00d9ff14}@keyframes imageZoom{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lightbox-bottom{justify-content:space-between;align-items:flex-end;gap:30px;padding-top:18px;display:flex}.lightbox-bottom div{flex-direction:column;gap:6px;display:flex}.lightbox-bottom div span{letter-spacing:2px;color:#00d9ff;text-shadow:0 0 10px #00d9ff66;font-size:9px}.lightbox-bottom strong{color:#e7f1f5;font-size:15px;font-weight:500}.lightbox-bottom>span{color:#52616b;letter-spacing:2px;font-size:11px}.lightbox-close,.lightbox-prev,.lightbox-next{z-index:10;color:#fff;cursor:pointer;background:#00c8ff09;border:1px solid #00c8ff2e;transition:all .3s;position:fixed}.lightbox-close{width:45px;height:45px;font-size:28px;font-weight:200;top:25px;right:30px}.lightbox-prev,.lightbox-next{width:50px;height:50px;font-size:20px;top:50%;transform:translateY(-50%)}.lightbox-prev{left:25px}.lightbox-next{right:25px}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{color:#031015;background:#00d9ff;border-color:#00d9ff;box-shadow:0 0 25px #00d9ff40}@media (width<=900px){.projects{padding:80px 0}.projects-heading{flex-direction:column;align-items:flex-start;gap:30px;margin-bottom:50px}.projects-heading p{max-width:500px}.project-item{grid-template-columns:45px 1fr;gap:20px;padding:40px 0}.project-images.count-4{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.projects{padding:65px 0}.projects-container{width:88%}.projects-heading h2{letter-spacing:-3px;font-size:55px}.projects-heading{padding-bottom:30px}.project-item{grid-template-columns:1fr;gap:10px;padding:35px 0}.project-number{margin-bottom:5px;padding:0}.project-content h3{font-size:32px}.project-images.count-2,.project-images.count-4{grid-template-columns:1fr}.project-image{aspect-ratio:16/10}.pdf-preview{min-height:140px;padding:25px}.project-actions{flex-wrap:wrap}.project-view{min-width:145px}.projects-footer{flex-direction:column;gap:10px}.project-lightbox{padding:20px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-prev,.lightbox-next{width:40px;height:40px}.lightbox-close{top:15px;right:15px}.lightbox-bottom{align-items:flex-start}.lightbox-bottom strong{font-size:13px}}.skills{color:#fff;background:radial-gradient(circle at 15% 30%,#00e5ff0e,#0000 30%),radial-gradient(circle at 85% 70%,#8246ff0f,#0000 30%),#05080a;width:100%;min-height:100vh;padding:60px 7vw 100px;position:relative;overflow:hidden}.skills-bg-grid{pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:55px 55px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.skills-glow{pointer-events:none;filter:blur(100px);opacity:.4;border-radius:50%;position:absolute}.skills-glow-one{background:#00dcff1f;width:420px;height:420px;top:10%;left:-220px}.skills-glow-two{background:#7d46ff1c;width:500px;height:500px;top:35%;right:-280px}.skills-glow-three{background:#00dcff14;width:280px;height:280px;bottom:-160px;left:45%}.skills-container{z-index:2;width:100%;max-width:1500px;margin:0 auto;position:relative}.skills-header{text-align:center;max-width:780px;margin:0 auto 75px}.skills-label{color:#ffffff80;letter-spacing:4px;justify-content:center;align-items:center;gap:14px;margin-bottom:24px;font-size:11px;font-weight:700;display:flex}.skills-label-line{background:linear-gradient(90deg,#0000,#00dcffcc);width:38px;height:1px}.skills-label-line:last-child{background:linear-gradient(90deg,#00dcffcc,#0000)}.skills-header h2{letter-spacing:-3px;color:#fff;margin:0;font-size:clamp(42px,5vw,72px);font-weight:700;line-height:1}.skills-header h2 span{background:linear-gradient(110deg,#fff 0%,#8eeeff 40%,#00d9ff 75%,#a879ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skills-header p{color:#ffffff8c;max-width:650px;margin:25px auto 0;font-size:15px;font-weight:400;line-height:1.8}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.skill-card{-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff0e,#ffffff04);border:1px solid #ffffff13;border-radius:22px;flex-direction:column;min-height:390px;padding:27px;transition:border-color .35s,background .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 20px 60px #0000002e}.skill-card:hover{background:linear-gradient(145deg,#00dcff13,#ffffff05);border-color:#00dcff4d;box-shadow:0 25px 70px #0000004d,0 0 45px #00dcff0f}.skill-card-top{justify-content:space-between;align-items:center;display:flex}.skill-number{color:#ffffff40;letter-spacing:2px;font-family:monospace;font-size:12px}.skill-tag{color:#ffffff59;letter-spacing:1.5px;border:1px solid #ffffff12;border-radius:6px;padding:6px 9px;font-size:8px;font-weight:700}.skill-icon-wrapper{justify-content:center;align-items:center;width:76px;height:76px;margin-top:35px;display:flex;position:relative}.skill-icon{z-index:3;color:#7eefff;background:linear-gradient(145deg,#00dcff21,#00dcff06);border:1px solid #00dcff40;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;box-shadow:inset 0 0 20px #00dcff0a,0 0 25px #00dcff0f}.skill-card:hover .skill-icon{border-color:#00dcff8c;transform:rotate(-4deg)scale(1.08);box-shadow:0 0 30px #00dcff2e,inset 0 0 20px #00dcff14}.skill-icon-glow{filter:blur(22px);opacity:.6;background:#00dcff24;border-radius:50%;width:65px;height:65px;position:absolute}.skill-icon-ring{border:1px solid #00dcff14;border-radius:20px;width:74px;height:74px;transition:transform .5s,border-color .5s;position:absolute;transform:rotate(45deg)}.skill-card:hover .skill-icon-ring{border-color:#00dcff33;transform:rotate(135deg)}.skill-content{margin-top:27px}.skill-content h3{color:#fff;letter-spacing:-.5px;margin:0 0 13px;font-size:24px;font-weight:650}.skill-content p{color:#ffffff75;margin:0;font-size:13px;line-height:1.75}.skill-card-bottom{color:#ffffff47;letter-spacing:1.5px;justify-content:space-between;align-items:center;margin-top:auto;padding-top:25px;font-size:8px;font-weight:700;display:flex}.skill-arrow{color:#ffffff73;border:1px solid #ffffff14;border-radius:9px;justify-content:center;align-items:center;width:31px;height:31px;transition:transform .3s,color .3s,border-color .3s,background .3s;display:flex}.skill-card:hover .skill-arrow{color:#7eefff;background:#00dcff14;border-color:#00dcff59;transform:translate(3px,-3px)}.skill-card-line{opacity:0;background:linear-gradient(90deg,#0000,#00dcff66,#0000);height:1px;transition:opacity .35s;position:absolute;bottom:0;left:27px;right:27px}.skill-card:hover .skill-card-line{opacity:1}.skill-card-corner{opacity:0;border-color:#00dcff66;width:9px;height:9px;transition:opacity .3s;position:absolute}.skill-corner-one{border-top:1px solid;border-right:1px solid;top:14px;right:14px}.skill-corner-two{border-bottom:1px solid;border-left:1px solid;bottom:14px;left:14px}.skill-card:hover .skill-card-corner{opacity:1}.skills-footer{align-items:center;gap:22px;margin-top:65px;display:flex}.skills-footer-line{background:linear-gradient(90deg,#0000,#ffffff1a);flex:1;height:1px}.skills-footer-line:last-child{background:linear-gradient(90deg,#ffffff1a,#0000)}.skills-footer-content{white-space:nowrap;color:#ffffff4d;letter-spacing:2px;align-items:center;gap:12px;font-size:9px;font-weight:700;display:flex}.skills-footer-content i{color:#00dcff99;font-style:normal}@media (width<=1200px){.skills{padding:120px 5vw}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card{min-height:360px}}@media (width<=700px){.skills{padding:100px 20px 90px}.skills-header{margin-bottom:50px}.skills-label{letter-spacing:3px;gap:10px;font-size:9px}.skills-label-line{width:25px}.skills-header h2{letter-spacing:-2px;font-size:40px}.skills-header p{margin-top:20px;font-size:13px;line-height:1.7}.skills-grid{grid-template-columns:1fr;gap:15px}.skill-card{border-radius:18px;min-height:350px;padding:23px}.skill-icon-wrapper{margin-top:28px}.skill-content{margin-top:23px}.skill-content h3{font-size:22px}.skill-content p{font-size:13px}.skills-footer{margin-top:45px}.skills-footer-content{letter-spacing:1px;gap:7px;font-size:7px}}@media (width<=420px){.skills{padding-left:16px;padding-right:16px}.skills-header h2{font-size:34px}.skill-card{min-height:340px}.skills-footer-line{display:none}.skills-footer{justify-content:center}}.certificates-section{isolation:isolate;background:0 0;width:100%;padding:30px 7vw;position:relative;overflow:hidden}.cert-bg-glow{filter:blur(120px);opacity:.12;pointer-events:none;z-index:-1;border-radius:50%;width:500px;height:500px;position:absolute}.glow-one{background:#00e5ff;top:10%;left:-250px}.glow-two{background:#7c3aed;bottom:5%;right:-250px}.certificates-container{width:100%;max-width:1500px;margin:auto}.certificates-header{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px;display:flex}.cert-title-wrapper{position:relative}.cert-small-title{letter-spacing:4px;color:#ffffff8c;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.certificates-header h2{letter-spacing:-3px;color:#fff;margin:0;font-size:clamp(42px,5vw,75px);font-weight:800;line-height:.95}.certificates-header h2 span{color:#00e5ff;text-shadow:0 0 10px #00e5ffcc,0 0 30px #00e5ff73}.cert-line{background:linear-gradient(90deg,#00e5ff,#7c3aed,#0000);border-radius:20px;width:90px;height:3px;margin-top:24px;box-shadow:0 0 12px #00e5ff99}.certificates-header p{color:#ffffff8c;max-width:450px;margin:0;font-size:15px;line-height:1.8}.certificates-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.certificate-card{aspect-ratio:16/11;cursor:pointer;animation:.7s both certificateAppear;animation-delay:var(--delay);background:linear-gradient(135deg,#fff3,#ffffff0a);border-radius:18px;padding:1px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;position:relative;overflow:hidden}@keyframes certificateAppear{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.certificate-card:hover{transform:translateY(-10px)scale(1.025);box-shadow:0 20px 50px #00000073,0 0 30px #00e5ff1a}.certificate-glow{opacity:0;filter:blur(4px);z-index:-1;background:linear-gradient(120deg,#0000 20%,#00e5ffcc,#7c3aedcc,#0000 80%);border-radius:20px;transition:opacity .4s;position:absolute;inset:-2px}.certificate-card:hover .certificate-glow{opacity:1;animation:2s linear infinite borderMove}@keyframes borderMove{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.certificate-image-wrapper{background:#0b1015;border-radius:17px;width:100%;height:100%;position:relative;overflow:hidden}.certificate-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s;display:block}.certificate-card:hover img{filter:brightness(.72)saturate(1.15);transform:scale(1.08)}.certificate-shine{z-index:5;pointer-events:none;filter:blur(8px);opacity:0;background:linear-gradient(90deg,#0000,#ffffff14,#ffffff8c,#ffffff14,#0000);width:55%;height:300%;position:absolute;top:-100%;left:-80%;transform:rotate(25deg)}.certificate-card:hover .certificate-shine{opacity:1;animation:1.1s forwards certificateShine}@keyframes certificateShine{0%{left:-90%}to{left:150%}}.certificate-overlay{opacity:0;background:radial-gradient(circle,#00e5ff24,#000000bf);flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity .35s;display:flex;position:absolute;inset:0}.certificate-card:hover .certificate-overlay{opacity:1}.certificate-overlay span:last-child{letter-spacing:2px;color:#fff;font-size:10px;font-weight:800}.view-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 0 25px #00e5ff40}.view-icon span{color:#fff;line-height:1;font-size:25px!important}.certificate-info{z-index:4;background:linear-gradient(#0000,#000000bf);align-items:center;gap:12px;width:100%;padding:14px 16px;transition:transform .35s;display:flex;position:absolute;bottom:0;left:0;transform:translateY(5px)}.certificate-card:hover .certificate-info{transform:translateY(0)}.certificate-number{color:#00e5ff;letter-spacing:1px;font-size:10px;font-weight:800}.certificate-name{color:#ffffffd9;letter-spacing:.5px;font-size:11px;font-weight:600}.certificate-lightbox{z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#02050ae0;justify-content:center;align-items:center;padding:40px;animation:.3s lightboxIn;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;align-items:center;max-width:1100px;max-height:90vh;animation:.4s cubic-bezier(.2,.8,.2,1) lightboxImageIn;display:flex;position:relative}@keyframes lightboxImageIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.lightbox-content img{object-fit:contain;border-radius:12px;max-width:100%;max-height:82vh;box-shadow:0 30px 100px #000000b3,0 0 40px #00e5ff1f}.lightbox-title{letter-spacing:2px;color:#fffc;margin-top:18px;font-size:13px;font-weight:700}.lightbox-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff14;border:1px solid #fff3;border-radius:50%;width:50px;height:50px;font-size:30px;transition:transform .3s,background .3s;position:absolute;top:25px;right:30px}.lightbox-close:hover{background:#ffffff29;transform:rotate(90deg)}@media (width<=1100px){.certificates-section{padding:80px 5vw}.certificates-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width<=760px){.certificates-section{padding:70px 5vw}.certificates-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:35px}.certificates-header h2{letter-spacing:-2px;font-size:48px}.certificates-header p{max-width:100%}.certificates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.certificate-card{border-radius:13px}.certificate-image-wrapper{border-radius:12px}.certificate-info{padding:10px}.certificate-name{font-size:9px}}@media (width<=480px){.certificates-grid{grid-template-columns:1fr}.certificate-card{aspect-ratio:16/10}.certificate-overlay{opacity:1;background:linear-gradient(#0000 40%,#000000a6)}.certificate-overlay .view-icon{display:none}}.contact{isolation:isolate;background:#05080a;align-items:center;width:100%;min-height:100vh;padding:120px 7vw;display:flex;position:relative;overflow:hidden}.contact-video{object-fit:cover;z-index:-3;pointer-events:none;opacity:1;filter:none;width:100%;height:100%;position:absolute;inset:0}.contact-overlay{z-index:-2;pointer-events:none;-webkit-backdrop-filter:none;background:linear-gradient(#0307092e 0%,#03070914 50%,#03070940 100%);position:absolute;inset:0}.contact-bg{pointer-events:none;z-index:-1;filter:blur(100px);opacity:.22;border-radius:50%;position:absolute}.contact-bg-one{background:#00d9ff;width:420px;height:420px;top:-180px;left:-150px}.contact-bg-two{background:#6c3cff;width:500px;height:500px;bottom:-220px;right:-200px}.contact-container{z-index:2;width:100%;max-width:1250px;margin:0 auto;position:relative}.contact-header{text-align:center;max-width:760px;margin:0 auto 65px}.contact-label{color:#ffffffbf;letter-spacing:4px;-webkit-backdrop-filter:blur(14px);background:#ffffff0e;border:1px solid #ffffff26;border-radius:999px;justify-content:center;align-items:center;margin-bottom:22px;padding:8px 16px;font-size:11px;font-weight:700;display:inline-flex}.contact-header h2{color:#fff;letter-spacing:-2.5px;margin:0;font-size:clamp(42px,6vw,76px);font-weight:800;line-height:1.05}.contact-header h2 span{background:linear-gradient(90deg,#00d9ff,#5d7cff,#a855f7);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.contact-header p{color:#ffffffad;max-width:620px;margin:25px auto 0;font-size:16px;line-height:1.8}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;display:grid}.contact-card{-webkit-backdrop-filter:blur(18px);color:#fff;background:linear-gradient(135deg,#ffffff1a,#ffffff09);border:1px solid #ffffff1f;border-radius:24px;align-items:center;gap:20px;min-height:125px;padding:25px 28px;text-decoration:none;transition:transform .35s,border-color .35s,background .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000002e}.contact-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:70%;height:100%;transition:left .7s;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.contact-card:hover:before{left:140%}.contact-card:hover{background:linear-gradient(135deg,#ffffff24,#ffffff0e);border-color:#ffffff47;transform:translateY(-7px);box-shadow:0 25px 70px #0000004d}.contact-icon{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .35s,background .35s,box-shadow .35s;display:flex}.contact-icon svg{width:27px;height:27px}.contact-card:hover .contact-icon{background:#ffffff21;transform:scale(1.08)rotate(-3deg)}.contact-info{flex:1;min-width:0}.contact-info h3{color:#fff;letter-spacing:-.3px;margin:0 0 7px;font-size:18px;font-weight:700}.contact-info p{color:#ffffff8c;margin:0;font-size:13px;line-height:1.5}.contact-arrow{color:#ffffffa6;background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;transition:transform .35s,background .35s,color .35s;display:flex}.contact-card:hover .contact-arrow{color:#fff;background:#ffffff24;transform:translate(5px)}.contact-card.whatsapp:hover{border-color:#25d36673}.contact-card.whatsapp:hover .contact-icon{color:#25d366;box-shadow:0 0 30px #25d3662e}.contact-card.email:hover{border-color:#ff6e6e73}.contact-card.email:hover .contact-icon{color:#ff7676;box-shadow:0 0 30px #ff76762e}.contact-card.linkedin:hover{border-color:#0a66c28c}.contact-card.linkedin:hover .contact-icon{color:#0a66c2;box-shadow:0 0 30px #0a66c233}.contact-card.instagram:hover{border-color:#e1306c80}.contact-card.instagram:hover .contact-icon{color:#e1306c;box-shadow:0 0 30px #e1306c33}.contact-card.telegram:hover{border-color:#2aabee80}.contact-card.telegram:hover .contact-icon{color:#2aabee;box-shadow:0 0 30px #2aabee33}.contact-card.github:hover{border-color:#ffffff59}.contact-card.github:hover .contact-icon{color:#fff;box-shadow:0 0 30px #ffffff1f}.contact-bottom{align-items:center;gap:25px;margin-top:65px;display:flex}.contact-bottom p{color:#ffffff6b;letter-spacing:.5px;text-align:center;flex-shrink:0;margin:0;font-size:12px}.contact-line{background:linear-gradient(90deg,#0000,#ffffff29,#0000);flex:1;height:1px}@media (width<=900px){.contact{padding:120px 5vw 80px}.contact-grid{grid-template-columns:1fr}.contact-header{margin-bottom:50px}}@media (width<=600px){.contact{min-height:auto;padding:100px 20px 70px}.contact-video{opacity:.48;filter:brightness(.45)contrast(1.05)saturate(.75)}.contact-header h2{letter-spacing:-1.8px;font-size:42px}.contact-header p{font-size:14px;line-height:1.7}.contact-label{letter-spacing:3px;font-size:10px}.contact-grid{gap:14px}.contact-card{border-radius:20px;gap:15px;min-height:105px;padding:20px}.contact-icon{border-radius:15px;width:50px;height:50px}.contact-icon svg{width:23px;height:23px}.contact-info h3{font-size:16px}.contact-info p{font-size:12px}.contact-arrow{width:32px;height:32px;font-size:17px}.contact-bottom{gap:12px;margin-top:45px}.contact-bottom p{font-size:10px;line-height:1.5}}@media (prefers-reduced-motion:reduce){.contact-video{display:none}.contact-card,.contact-icon,.contact-arrow{transition:none}}