@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-tap-highlight-color:transparent}html,body{overflow-x:hidden;max-width:100%}@media(max-width:768px){a,button{min-height:44px;min-width:44px}}.App{text-align:center;min-height:100vh;background:#0a0e1a;position:relative;overflow-x:hidden}.App:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(0,102,255,.05) 0%,transparent 50%),linear-gradient(90deg,rgba(0,212,255,.03) 0%,transparent 50%),radial-gradient(circle at 0% 0%,rgba(0,102,255,.1) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(0,212,255,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.App>*{position:relative;z-index:1}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background:#0a0e1af2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin:20px;box-shadow:0 25px 80px #0000004d}.App-link{color:#00d4ff;transition:all .3s ease}.App-link:hover{color:#06f;text-shadow:0 0 10px rgba(0,102,255,.5)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0e1a80}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#06f,#00d4ff);border-radius:10px;border:2px solid rgba(10,14,26,.5)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00d4ff,#06f)}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e1a;min-height:100vh;color:#fff}::selection{background:#0066ff4d;color:#fff}::-moz-selection{background:#0066ff4d;color:#fff}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,102,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,102,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}@media(max-width:768px){.App:before{background:linear-gradient(180deg,rgba(0,102,255,.08) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(0,212,255,.05) 0%,transparent 60%)}.App-header{margin:10px;border-radius:15px}}@media(max-width:480px){.App:before{background:linear-gradient(180deg,rgba(0,102,255,.1) 0%,transparent 70%),radial-gradient(circle at 50% 50%,rgba(0,212,255,.06) 0%,transparent 70%)}.App-header{margin:5px;border-radius:10px}}@font-face{font-family:Helvetica;src:url(/assets/HelveticaNeueLightItalic-Ck-G_EAE.ttf)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero{width:95%;max-width:1400px;margin:0 auto 80px;padding:50px 40px;background:#0f141ecc;border-radius:0;box-shadow:0 0 0 1px #06f3,0 20px 60px #00000080,inset 0 1px #ffffff0d;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,102,255,.3)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,102,255,.1) 0%,transparent 50%),linear-gradient(225deg,rgba(0,212,255,.08) 0%,transparent 50%);pointer-events:none}.hero:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#06f,#00d4ff);opacity:.8}a{text-decoration:none}.hero h1{font-family:Inter,sans-serif;color:#fff;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:2px}nav{display:flex;align-items:center;justify-content:space-between;padding:25px 0;position:relative;z-index:10;border-bottom:1px solid rgba(0,102,255,.2);margin-bottom:40px}.nav-menu ul{display:flex;list-style:none;gap:40px}.nav-menu ul li a{color:#ffffffb3;position:relative;font-size:clamp(.9rem,1.3vw,1.1rem);font-weight:600;transition:all .3s ease;padding:8px 0;text-transform:uppercase;letter-spacing:1px}.nav-menu ul li a:hover{color:#00d4ff}.nav-menu ul li a:before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,#06f,#00d4ff);transition:width .3s ease}.nav-menu ul li a:hover:before{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:100}.hamburger span{width:28px;height:3px;background:linear-gradient(90deg,#06f,#00d4ff);transition:.3s;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px);background:#00d4ff}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px);background:#00d4ff}.btn-modern{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:clamp(.95rem,1.4vw,1.1rem);text-transform:uppercase;letter-spacing:1.5px;padding:16px 32px;text-align:center;border-radius:0;font-weight:700;background:transparent;border:2px solid #0066ff;text-decoration:none;box-shadow:0 0 20px #0066ff4d;transition:all .3s ease;position:relative;overflow:hidden}.btn-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.2),transparent);transition:left .5s}.btn-modern:hover:before{left:100%}.btn-modern:hover{background:#06f;border-color:#00d4ff;box-shadow:0 0 30px #06f9;transform:translateY(-2px)}.btn-icon svg{width:18px;height:18px}.cta-buttons{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.btn-modern.primary{background:linear-gradient(135deg,#06f,#00d4ff);border:2px solid transparent;box-shadow:0 0 20px #06f6}.btn-modern.primary:hover{background:linear-gradient(135deg,#00d4ff,#06f);box-shadow:0 0 30px #00d4ff99}.btn-modern.secondary{background:transparent;border:2px solid rgba(0,212,255,.5);box-shadow:0 0 20px #00d4ff33;color:#00d4ff}.btn-modern.secondary:hover{background:#00d4ff1a;border-color:#00d4ff;box-shadow:0 0 30px #00d4ff66;color:#fff}.content{margin:50px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}.content .intro{text-align:left}.content .myImage{display:flex;justify-content:center;align-items:center}.content .myImage img{border:3px solid transparent;border-radius:0;background:linear-gradient(135deg,#06f,#00d4ff) padding-box,linear-gradient(135deg,#06f,#00d4ff) border-box;box-shadow:0 0 30px #06f6,0 0 60px #00d4ff33;width:100%;max-width:400px;height:auto;aspect-ratio:1;object-fit:cover;clip-path:polygon(20% 0%,100% 0%,80% 100%,0% 100%);transition:all .4s ease}.content .myImage img:hover{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transform:scale(1.05)}.content .title{color:#00d4ff;font-size:clamp(1rem,2vw,1.4rem);text-transform:uppercase;letter-spacing:3px;display:inline-block;margin-bottom:20px;font-weight:700;position:relative;padding-left:20px}.content .title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:100%;background:linear-gradient(180deg,#06f,#00d4ff)}.content h6{font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.2;text-transform:none;width:100%;color:#fff;margin-bottom:25px;letter-spacing:-1px}.content p{font-size:clamp(1rem,1.5vw,1.15rem);color:#fffc;margin-bottom:30px;width:100%;line-height:1.8}@media(max-width:1200px){.hero{padding:40px 30px}.content{gap:40px}}@media(max-width:768px){.hero{width:98%;padding:30px 20px;margin-bottom:40px}.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:#0a0e1afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #00000080;border:1px solid rgba(0,102,255,.3);border-top:2px solid #0066ff}.nav-menu.active{left:0}.nav-menu ul{flex-direction:column;gap:20px;padding:20px 0}.content{grid-template-columns:1fr;gap:40px;margin:40px 0}.content .intro{text-align:center}.content .myImage{max-width:70%;margin:0 auto}}@media(max-width:480px){.hero{width:100%;padding:25px 15px;margin-bottom:30px}.nav-menu{top:60px}.content{margin:30px 0}.content .myImage{max-width:80%}.content h6{font-size:2rem;line-height:1.3}.content p{font-size:.95rem;line-height:1.7}.btn-modern{padding:14px 28px;font-size:.9rem;width:100%;justify-content:center}.cta-buttons{flex-direction:column;gap:15px;width:100%}}@media(max-width:320px){.hero{padding:20px 12px}.content .myImage{max-width:90%}}@font-face{font-family:Helvetica;src:url(/assets/HelveticaNeueLightItalic-Ck-G_EAE.ttf)}.technologies{width:95%;max-width:1400px;margin:0 auto 80px;padding:60px 40px;background:#0f141ecc;border-radius:0;box-shadow:0 0 0 1px #06f3,0 20px 60px #00000080;position:relative;overflow:hidden;min-height:600px;border:1px solid rgba(0,102,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:1!important;visibility:visible!important;display:block!important}.technologies:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,102,255,.08) 0%,transparent 50%),linear-gradient(225deg,rgba(0,212,255,.06) 0%,transparent 50%);pointer-events:none}.technologies:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#06f,#00d4ff);opacity:.8}.skills-header{text-align:left;position:relative;z-index:2;margin-bottom:50px;padding-bottom:20px;border-bottom:1px solid rgba(0,102,255,.2)}.technologies h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px;text-transform:uppercase;letter-spacing:-1px;line-height:1.2}.divider img{height:80px;width:100%;filter:brightness(0) invert(1);opacity:.3}.skillsText{display:flex;align-items:center;justify-content:space-between;column-gap:40px;margin-bottom:50px;position:relative;z-index:2;background:#0066ff0d;padding:30px;border:1px solid rgba(0,102,255,.2);border-left:4px solid #0066ff}.skillHeading h3{font-size:clamp(1.5rem,3vw,2.2rem);color:#00d4ff;font-weight:700;margin-bottom:0;white-space:nowrap;text-transform:uppercase;letter-spacing:1px}.skillParagraph{width:60%;flex:1}.skillParagraph p{font-size:clamp(1rem,2vw,1.2rem);line-height:1.8;color:#fffc;margin:0}.category-tabs{display:flex;justify-content:flex-start;gap:15px;margin-bottom:40px;position:relative;z-index:2;flex-wrap:wrap}.category-tab{display:flex;align-items:center;gap:10px;padding:12px 24px;border:none;border-radius:0;background:transparent;color:#fff9;cursor:pointer;transition:all .3s ease;border:2px solid rgba(0,102,255,.3);font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:600;min-width:fit-content;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.category-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.2),transparent);transition:left .5s}.category-tab:hover:before{left:100%}.category-tab:hover{background:#0066ff1a;color:#00d4ff;border-color:#06f;transform:translate(5px)}.category-tab.active{background:linear-gradient(135deg,#06f,#00d4ff);color:#fff;box-shadow:0 0 20px #06f6;border-color:transparent}.tab-icon{font-size:1.3rem;display:flex;align-items:center;justify-content:center}.tab-icon svg{width:20px;height:20px}.tab-text{white-space:nowrap}.skills-container{position:relative;z-index:2;opacity:1!important;visibility:visible!important;display:block!important}.skills-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;padding:20px 0;max-width:1200px;margin:0 auto;opacity:1!important;visibility:visible!important}@media(max-width:768px){.skills-grid{grid-template-columns:1fr;gap:20px;padding:15px 0}}@media(max-width:480px){.skills-grid{grid-template-columns:1fr;gap:15px;padding:10px 0}}.skill-card{background:#0066ff0d;border-radius:0;padding:30px;border:1px solid rgba(0,102,255,.2);position:relative;overflow:hidden;cursor:pointer;transition:all .4s ease;height:auto;min-height:280px;display:flex;flex-direction:column;border-left:4px solid transparent}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--skill-color);transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.skill-card:hover:before{transform:scaleX(1)}.skill-card:hover{background:#0066ff1a;box-shadow:0 0 30px #0066ff4d,inset 0 0 20px #00d4ff0d;transform:translateY(-8px) translate(5px);border-left-color:var(--skill-color);border-color:#06f6}.skill-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;height:100%;position:relative;z-index:2}.skill-icon-wrapper{position:relative;margin-bottom:20px}.skill-icon{width:clamp(50px,8vw,70px);height:clamp(50px,8vw,70px);filter:drop-shadow(0 4px 8px rgba(0,102,255,.3));transition:all .4s ease;position:relative;z-index:2}.skill-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(70px,10vw,100px);height:clamp(70px,10vw,100px);background:radial-gradient(circle,var(--skill-color) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;border-radius:50%;filter:blur(15px)}.skill-card:hover .skill-glow{opacity:.3}.skill-card:hover .skill-icon{transform:scale(1.15) rotate(5deg)}.skill-info{width:100%;flex:1;display:flex;flex-direction:column}.skill-name{font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:700;color:#fff;margin-bottom:12px;line-height:1.3;text-transform:uppercase;letter-spacing:.5px}.skill-description{font-size:clamp(.9rem,1.5vw,1.05rem);color:#ffffffb3;line-height:1.6;margin-bottom:20px;flex:1}.skill-level{margin-top:auto}.level-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:clamp(.85rem,1.2vw,1rem);color:#ffffffe6;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.level-percentage{font-weight:700;color:var(--skill-color);font-size:1.1em}.progress-bar{height:8px;background:#0066ff1a;border-radius:0;overflow:hidden;position:relative;border:1px solid rgba(0,102,255,.2)}.progress-fill{height:100%;border-radius:0;position:relative;box-shadow:0 0 15px #00d4ff80;background:linear-gradient(90deg,var(--skill-color),#00d4ff)}@media(max-width:768px){.technologies{width:100%;padding:40px 25px;margin:0 0 40px;min-height:auto;box-sizing:border-box}.skills-header{text-align:center}.divider img{height:60px}.skillsText{flex-direction:column;gap:20px;padding:25px 20px;text-align:center}.skillParagraph{width:100%}.skillHeading h3{margin-bottom:10px;white-space:normal}.category-tabs{justify-content:center;flex-direction:row;gap:12px;margin-bottom:30px}.category-tab{width:auto;padding:10px 18px}.skills-grid{grid-template-columns:1fr;gap:20px;padding:10px 0}.skill-card{padding:25px;min-height:250px}.skill-content{align-items:center;text-align:center}}@media(max-width:480px){.technologies{width:100%!important;padding:30px 20px;margin:0 0 30px!important;opacity:1!important;visibility:visible!important;display:block!important;min-height:auto!important}.skills-header{margin-bottom:30px}.divider img{height:40px}.skillsText{padding:20px 15px;margin-bottom:25px}.category-tabs{margin-bottom:25px;gap:10px;flex-wrap:wrap}.category-tab{padding:8px 14px;font-size:.85rem}.tab-text{font-size:.8rem}.skills-grid{gap:15px;padding:5px 0}.skill-card{padding:20px;min-height:220px}.skill-icon-wrapper{margin-bottom:15px}}@media(max-width:360px){.technologies{padding:25px 15px;width:100%;margin-left:0;margin-right:0}.skillsText{padding:18px 12px}.category-tab{padding:6px 12px;font-size:.8rem}.skill-card{padding:18px;min-height:200px}.skills-grid{grid-template-columns:1fr!important;gap:12px!important}.skill-description{margin-bottom:15px}}@media(max-width:768px){.technologies,.skills-header,.skillsText,.category-tabs,.skills-container,.skills-grid,.skill-card{opacity:1!important;visibility:visible!important;display:block!important}.skills-grid{display:grid!important}}@font-face{font-family:Helvetica;src:url(/assets/HelveticaNeueLightItalic-Ck-G_EAE.ttf)}.contactMe{width:95%;max-width:1400px;margin:0 auto 80px;padding:50px 30px;background:#0f141ecc;border-radius:0;box-shadow:0 0 0 1px #06f3,0 20px 60px #00000080;position:relative;overflow:hidden;border:1px solid rgba(0,102,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.contactMe:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,102,255,.08) 0%,transparent 50%),linear-gradient(225deg,rgba(0,212,255,.06) 0%,transparent 50%);pointer-events:none}.contactMe:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#06f,#00d4ff);opacity:.8}.contact-header{text-align:left;position:relative;z-index:2;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid rgba(0,102,255,.2)}.contactMe h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;background:linear-gradient(135deg,#0ff,#8a2be2,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;text-shadow:0 4px 8px rgba(255,255,255,.1);line-height:1.2}.contact-intro{position:relative;z-index:2;margin-bottom:50px;text-align:center}.contact-intro h2{font-size:clamp(1.5rem,3vw,2.2rem);color:#fffffff2;line-height:1.6;font-weight:600;margin-bottom:20px}.contact-intro p{font-size:clamp(1rem,1.5vw,1.2rem);color:#fffc;line-height:1.8;max-width:800px;margin:0 auto}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:50px;position:relative;z-index:2}@media(max-width:768px){.contact-info-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:480px){.contact-info-grid{grid-template-columns:1fr;gap:15px}}.contact-card{background:#0066ff0d;border-radius:0;padding:30px;border:1px solid rgba(0,102,255,.2);border-left:4px solid #0066ff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;transition:all .3s ease;cursor:pointer}.contact-card:hover{background:#0066ff1a;transform:translate(10px) translateY(-5px);box-shadow:0 0 30px #0066ff4d,inset 0 0 20px #00d4ff0d;border-color:#06f6;border-left-color:#00d4ff}.contact-icon{font-size:3rem;margin-bottom:20px;display:flex;justify-content:center;align-items:center;color:#00d4ff;transition:all .3s ease}.contact-icon svg{width:48px;height:48px;filter:drop-shadow(0 0 10px rgba(0,212,255,.5))}.contact-card:hover .contact-icon{color:#06f;transform:scale(1.1) rotate(5deg)}.contact-card:hover .contact-icon svg{filter:drop-shadow(0 0 15px rgba(0,102,255,.8))}.contact-details h3{font-size:clamp(1.3rem,2vw,1.6rem);color:#fff;margin-bottom:10px;font-weight:600}.contact-details p{font-size:clamp(1rem,1.5vw,1.2rem);color:#ffffffe6;margin:0;line-height:1.5}.contact-details a{color:#ffffffe6;text-decoration:none;position:relative;transition:all .3s ease}.contact-details a:hover{color:#00d4ff}.contact-details a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:#0ff;transition:width .3s ease}.contact-details a:hover:after{width:100%}.download-section{text-align:center;margin-bottom:50px;position:relative;z-index:2}.btn-modern{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:clamp(1rem,1.5vw,1.2rem);text-transform:uppercase;letter-spacing:2px;padding:18px 35px;text-align:center;border-radius:50px;font-weight:600;background:linear-gradient(135deg,#06f,#00d4ff);border:none;text-decoration:none;box-shadow:0 0 20px #06f6;transition:all .3s ease}.btn-modern:hover{background:linear-gradient(135deg,#00d4ff,#06f);box-shadow:0 0 30px #00d4ff99;transform:translateY(-2px)}.btn-icon{font-size:1.2em;display:flex;align-items:center;justify-content:center}.btn-icon svg{width:20px;height:20px}.contact-footer{text-align:center;position:relative;z-index:2}.thank-you{font-size:clamp(1rem,1.5vw,1.2rem);color:#ffffffe6;margin-bottom:30px;line-height:1.6;background:#0066ff0d;padding:20px;border-radius:0;border:1px solid rgba(0,102,255,.2);border-left:4px solid #0066ff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.copyright{font-size:clamp(.9rem,1.2vw,1rem);color:#ffffffb3;margin:20px 0 15px;font-weight:500}.social-links-footer{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;font-size:clamp(.9rem,1.2vw,1rem)}.social-links-footer a{color:#fffc;text-decoration:none;font-weight:600;transition:all .3s ease;padding:8px 16px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.social-links-footer a:hover{color:#fff;background:#0066ff26;border-color:#06f;transform:translate(5px);box-shadow:0 0 15px #06f6}.social-links-footer span{color:#ffffff80}@media(max-width:768px){.contactMe{width:98%;padding:30px 20px;border-radius:20px;margin-bottom:40px}.divider img{height:60px}.contact-info-grid{grid-template-columns:1fr;gap:20px}.contact-card{padding:25px}.contact-icon svg{width:40px;height:40px}}@media(max-width:480px){.contactMe{width:100%;padding:25px 15px;border-radius:15px;margin-bottom:30px}.divider img{height:40px}.contact-card{padding:20px}.contact-icon svg{width:36px;height:36px}.contact-details h3{font-size:1.2rem}.contact-details p{font-size:.9rem}.btn-modern{padding:15px 25px;font-size:.9rem;width:100%;justify-content:center}}@media(max-width:320px){.contactMe{padding:20px 10px}.contact-intro h2{padding:20px 15px}.contact-card{padding:18px}}@font-face{font-family:Helvetica;src:url(/assets/HelveticaNeueLightItalic-Ck-G_EAE.ttf)}*{font-family:Inter,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mainexperience{width:95%;max-width:1400px;margin:0 auto 80px;padding:50px 30px;background:#0f141ecc;border-radius:0;box-shadow:0 0 0 1px #06f3,0 20px 60px #00000080;position:relative;overflow:hidden;border:1px solid rgba(0,102,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:1!important;visibility:visible!important;display:block!important}.mainexperience:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,102,255,.08) 0%,transparent 50%),linear-gradient(225deg,rgba(0,212,255,.06) 0%,transparent 50%);pointer-events:none}.mainexperience:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#06f,#00d4ff);opacity:.8}.experience-header{text-align:left;position:relative;z-index:2;margin-bottom:50px;padding-bottom:20px;border-bottom:1px solid rgba(0,102,255,.2)}.mainexperience h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;background:linear-gradient(135deg,#fff,#00d4ff);text-transform:uppercase;letter-spacing:-1px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;text-shadow:0 4px 8px rgba(255,255,255,.1);line-height:1.2}.section-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:#fffc;margin-top:20px;font-style:italic;background:#0066ff0d;padding:15px 25px;border-radius:0;border:1px solid rgba(0,102,255,.2);border-left:4px solid #0066ff;display:inline-block}.experience-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:50px;position:relative;z-index:2;flex-wrap:wrap}.tab-button{display:flex;align-items:center;gap:10px;padding:15px 25px;border:none;border-radius:0;background:transparent;color:#fff9;cursor:pointer;transition:all .3s ease;border:2px solid rgba(0,102,255,.3);text-transform:uppercase;letter-spacing:1px;font-weight:600;font-size:clamp(.9rem,1.3vw,1.1rem);font-weight:500}.tab-button:hover{background:#0066ff1a;color:#00d4ff;border-color:#06f;transform:translate(5px)}.tab-button.active{background:linear-gradient(135deg,#06f,#00d4ff);color:#fff;box-shadow:0 0 20px #06f6;border-color:transparent;transform:translate(0)}.tab-icon{font-size:1.2rem;display:flex;align-items:center;justify-content:center}.tab-icon svg{width:18px;height:18px}.tab-label{white-space:nowrap}.experience-content{position:relative;z-index:2;min-height:400px;opacity:1!important;visibility:visible!important;display:block!important}.timeline-container{position:relative;padding:20px 0}.timeline-container:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#06f,#00d4ff);border-radius:2px}.timeline-item{position:relative;margin-bottom:40px;padding-left:80px}.timeline-marker{position:absolute;left:15px;top:20px;width:30px;height:30px;background:var(--item-color);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #ffffff0d;z-index:3}.timeline-icon{font-size:1rem;display:flex;align-items:center;justify-content:center;color:#fff}.timeline-icon svg{width:16px;height:16px}.timeline-content{background:#0066ff0d;border-radius:0;padding:30px;border:1px solid rgba(0,102,255,.2);border-left:4px solid var(--item-color);position:relative;transition:all .3s ease}.timeline-content:hover{background:#0066ff1a;transform:translate(10px);box-shadow:0 0 30px #0066ff4d,inset 0 0 20px #00d4ff0d;border-color:#06f6}.timeline-content:before{content:"";position:absolute;left:-15px;top:25px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:15px solid rgba(255,255,255,.05)}.timeline-header{margin-bottom:20px}.job-info h3{font-size:clamp(1.4rem,2.5vw,1.8rem);color:#fff;font-weight:700;margin-bottom:5px}.job-info h4{font-size:clamp(1.1rem,2vw,1.3rem);color:#00d4ff;font-weight:600;margin-bottom:10px}.duration-location{display:flex;gap:20px;flex-wrap:wrap}.duration,.location{font-size:clamp(.9rem,1.3vw,1rem);color:#fffc;background:#0066ff1a;padding:5px 12px;border-radius:0;display:flex;align-items:center;gap:5px;border:1px solid rgba(0,102,255,.2)}.duration svg,.location svg{color:#00d4ff;flex-shrink:0}.achievements h5{font-size:clamp(1.1rem,1.8vw,1.3rem);color:#fff;margin-bottom:15px;font-weight:600}.achievements ul{list-style:none;padding:0;margin:0}.achievements li{font-size:clamp(.95rem,1.4vw,1.1rem);color:#ffffffe6;margin-bottom:10px;padding-left:20px;position:relative;line-height:1.6}.achievements li:before{content:"✓";position:absolute;left:0;color:#00d4ff;font-weight:700}.technologies{margin-top:25px;padding-top:20px;border-top:1px solid rgba(0,102,255,.2)}.technologies h5{font-size:clamp(1.1rem,1.8vw,1.3rem);color:#00d4ff;margin-bottom:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tech-tags{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0}.tech-tag{background:#0066ff26;color:#fff;padding:8px 16px;border-radius:0;font-size:clamp(.85rem,1.2vw,.95rem);font-weight:600;border:1px solid rgba(0,102,255,.4);border-left:3px solid var(--item-color);transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.tech-tag:hover{background:#0066ff40;border-color:#00d4ff;transform:translate(3px);box-shadow:0 0 10px #00d4ff4d}.education-container{display:flex;justify-content:center}.education-card{background:#ffffff0d;border-radius:25px;padding:40px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);text-align:center;max-width:600px;width:100%;transition:all .3s ease;position:relative;overflow:hidden}.education-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--edu-color),rgba(255,255,255,.2))}.education-card:hover{background:#ffffff1a;transform:translateY(-5px);box-shadow:0 20px 40px #0006;border-color:#fff3}.education-icon{font-size:4rem;margin-bottom:20px;display:flex;justify-content:center;align-items:center;color:#00d4ff}.education-icon svg{width:64px;height:64px;filter:drop-shadow(0 0 10px rgba(0,212,255,.5))}.education-content h3{font-size:clamp(1.5rem,3vw,2rem);color:#fff;font-weight:700;margin-bottom:10px}.education-content h4{font-size:clamp(1.2rem,2.5vw,1.5rem);color:#00d4ff;font-weight:600;margin-bottom:15px}.edu-details{display:flex;justify-content:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.education-content p{font-size:clamp(1rem,1.5vw,1.2rem);color:#ffffffe6;line-height:1.6;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.project-item{background:#ffffff0d;border-radius:20px;padding:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .3s ease;cursor:pointer}.project-item:hover{background:#ffffff1a;box-shadow:0 15px 30px #0006;border-color:#fff3}.project-icon{font-size:2.5rem;margin-bottom:15px;display:flex;justify-content:center;align-items:center;color:#00d4ff}.project-icon svg{width:40px;height:40px;filter:drop-shadow(0 0 10px rgba(0,212,255,.5))}.project-content h4{font-size:clamp(1.2rem,2vw,1.4rem);color:#fff;font-weight:700;margin-bottom:10px}.project-tech{font-size:clamp(.9rem,1.3vw,1rem);color:#00d4ff;font-weight:600;margin-bottom:10px}.project-desc{font-size:clamp(.95rem,1.4vw,1.1rem);color:#fffc;line-height:1.5;margin-bottom:15px}.project-link{color:#fff;text-decoration:none;font-weight:600;background:linear-gradient(45deg,#ff6b6b,#ee5a6f);padding:8px 16px;border-radius:20px;display:inline-block;transition:all .3s ease}.project-link:hover{background:linear-gradient(135deg,#8a2be2,#0ff);transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b66}.experience-footer{margin-top:50px;position:relative;z-index:2}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:25px;background:#0066ff0d;padding:30px;border-radius:0;border:1px solid rgba(0,102,255,.2);border-left:4px solid #0066ff}.stat-number{display:block;font-size:clamp(2rem,4vw,3rem);font-weight:900;color:#00d4ff;line-height:1;margin-bottom:5px}.stat-label{font-size:clamp(.9rem,1.3vw,1.1rem);color:#fffc;font-weight:500}@media(max-width:1200px){.mainexperience{padding:40px 25px}}@media(max-width:768px){.mainexperience{width:100%;padding:30px 20px;border-radius:20px;margin:0 0 40px;box-sizing:border-box}.divider img{height:60px}.experience-tabs{flex-direction:column;align-items:center;gap:15px}.tab-button{width:100%;max-width:300px;justify-content:center}.timeline-container:before{left:20px}.timeline-item{padding-left:60px}.timeline-marker{left:5px}.projects-grid{grid-template-columns:1fr}.duration-location{flex-direction:column;gap:10px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:20px}.tech-tags{gap:8px}.tech-tag{padding:6px 12px;font-size:.8rem}}@media(max-width:480px){.mainexperience{width:100%!important;padding:25px 15px;border-radius:15px;margin:0 0 30px!important;opacity:1!important;visibility:visible!important;display:block!important;min-height:auto!important}.divider img{height:40px}.timeline-content{padding:20px}.education-card{padding:25px}.project-item{padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:25px}}@media(max-width:320px){.mainexperience{padding:20px 10px}.timeline-item{padding-left:50px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:15px}.stat-number{font-size:1.8rem}.stat-label{font-size:.85rem}.tech-tags{gap:6px}.tech-tag{padding:5px 10px;font-size:.75rem}}@media(max-width:768px){.mainexperience,.experience-header,.experience-tabs,.experience-content,.timeline-container,.timeline-item,.timeline-content,.education-container,.education-card,.projects-grid,.project-item,.experience-footer{opacity:1!important;visibility:visible!important;display:block!important}.projects-grid,.stats-grid{display:grid!important}}.app-container{display:flex}.sidebar{width:60px;height:auto;background:#0f141ef2;padding:15px 0;color:#fff;display:flex;justify-content:center;align-items:center;position:fixed;top:40%;right:0;transform:translateY(-50%);border-radius:0;transition:all .3s ease;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,102,255,.4);border-right:2px solid #0066ff}.sidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,102,255,.1) 0%,transparent 50%);pointer-events:none;border-radius:0}.sidebar:hover{box-shadow:0 10px 30px #00000080;transform:translateY(-50%) translate(-5px);width:65px;background:#0f141efa;border-right-color:#00d4ff}.sidebar ul{list-style-type:none;padding:0;margin:0;position:relative;z-index:2}.sidebar li{padding:8px 0;cursor:pointer;display:flex;justify-content:center;align-items:center}.sidebar li a{display:flex;justify-content:center;align-items:center;padding:8px;border-radius:0;transition:all .3s ease;position:relative;overflow:hidden}.sidebar li a:before{content:"";position:absolute;inset:0;background:var(--link-color);opacity:0;transition:opacity .3s ease;border-radius:0}.sidebar li a:hover:before{opacity:.2}.sidebar li a img{width:28px;height:28px;filter:brightness(0) invert(1) drop-shadow(0 0 5px rgba(0,102,255,.5));transition:all .3s ease;position:relative;z-index:2}.sidebar li a:hover img{filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(0,212,255,.8));transform:scale(1.15) rotate(5deg)}.sidebar li:hover{background:#0066ff1a;border-radius:0}@media(max-width:768px){.sidebar{display:none}}@media(max-width:1024px){.sidebar{width:50px;padding:12px 0}.sidebar li a img{width:24px;height:24px}}@font-face{font-family:Helvetica;src:url(/assets/HelveticaNeueLightItalic-Ck-G_EAE.ttf)}*{font-family:Inter,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.mywork{width:95%;max-width:1400px;margin:0 auto 80px;padding:50px 30px;background:#0f141ecc;border-radius:0;box-shadow:0 0 0 1px #06f3,0 20px 60px #00000080;position:relative;overflow:hidden;border:1px solid rgba(0,102,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mywork:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,102,255,.08) 0%,transparent 50%),linear-gradient(225deg,rgba(0,212,255,.06) 0%,transparent 50%);pointer-events:none}.mywork:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#06f,#00d4ff);opacity:.8}.mywork-content{position:relative;z-index:2}.work-header{text-align:left;margin-bottom:50px;padding-bottom:20px;border-bottom:1px solid rgba(0,102,255,.2)}.work-header h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;background:linear-gradient(135deg,#0ff,#8a2be2,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;text-shadow:0 4px 8px rgba(255,255,255,.1)}.divider img{height:80px;width:100%;filter:brightness(0) invert(1);opacity:.8}.work-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:#ffffffe6;margin:20px auto 0;max-width:600px;background:#ffffff0d;padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.projects-section{margin-bottom:50px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto}.project-card{background:#0066ff0d;border-radius:0;padding:30px;border:1px solid rgba(0,102,255,.2);border-left:4px solid var(--project-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;transition:all .3s ease;cursor:pointer;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--project-color)}.project-card:hover{transform:translate(10px) translateY(-5px);box-shadow:0 0 30px #0066ff4d,inset 0 0 20px #00d4ff0d;background:#0066ff1a;border-color:#06f6}.project-hover-bg{position:absolute;inset:0;background:var(--project-color);transition:opacity .3s ease;pointer-events:none}.project-icon-large{font-size:3.5rem;margin-bottom:20px;display:flex;justify-content:center;align-items:center;color:#00d4ff;transition:all .3s ease}.project-icon-large svg{width:56px;height:56px;filter:drop-shadow(0 4px 8px rgba(0,212,255,.5))}.project-card:hover .project-icon-large{color:#06f;transform:scale(1.1) rotate(5deg)}.project-card:hover .project-icon-large svg{filter:drop-shadow(0 0 15px rgba(0,102,255,.8))}.project-header,.project-description{margin-bottom:20px}.project-description p{font-size:clamp(.95rem,1.3vw,1.1rem);color:#fffc;line-height:1.7;margin:0}.project-header h3{font-size:clamp(1.3rem,2.2vw,1.6rem);color:#fff;font-weight:700;margin-bottom:10px}.project-status{display:inline-block;padding:4px 12px;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:uppercase}.project-status.live{background:#4caf50;color:#fff}.project-status.in-progress{background:#ff9800;color:#fff}.project-status.development{background:#2196f3;color:#fff}.project-tech,.project-company{font-size:clamp(.95rem,1.3vw,1.1rem);color:#ffffffe6;margin-bottom:15px;line-height:1.5}.project-tech strong,.project-company strong{color:var(--project-color)}.project-actions{display:flex;gap:15px;margin-top:25px;flex-wrap:wrap}.project-btn{flex:1;min-width:120px;padding:12px 20px;border-radius:25px;font-weight:600;text-decoration:none;text-align:center;transition:all .3s ease;cursor:pointer;border:none;font-size:clamp(.9rem,1.2vw,1rem)}.project-btn.primary{background:var(--project-color);color:#fff}.project-btn.primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.project-btn.secondary{background:#ffffff0d;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.project-btn.secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.work-stats{text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;background:#0066ff0d;padding:25px;border-radius:0;border:1px solid rgba(0,102,255,.2);border-left:4px solid #0066ff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:600px;margin:0 auto 30px}.stat-item{text-align:center}.stat-number{display:block;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:900;color:#0ff;line-height:1}.stat-label{font-size:clamp(.9rem,1.2vw,1rem);color:#fffc;font-weight:500}.work-footer-text{font-size:clamp(1rem,1.4vw,1.2rem);color:#ffffffe6;background:#ffffff0d;padding:20px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:500px;margin:0 auto}@media(max-width:768px){.mywork{width:98%;padding:30px 20px;border-radius:20px}.divider img{height:60px}.projects-grid{grid-template-columns:1fr;gap:20px}.project-card{padding:25px}.project-actions{flex-direction:column}.project-btn{flex:none}.stats-grid{grid-template-columns:repeat(3,1fr);padding:20px}}@media(max-width:480px){.mywork{width:100%;padding:25px 15px;border-radius:15px}.divider img{height:40px}.work-subtitle{padding:15px}.project-card{padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:20px}.stat-number{font-size:1.8rem}.stat-label{font-size:.85rem}}@media(max-width:320px){.mywork{padding:20px 10px}.project-card{padding:18px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:15px}.stat-number{font-size:1.6rem}.stat-label{font-size:.8rem}}@media(min-width:1200px){.projects-grid{grid-template-columns:repeat(2,1fr)}}