:root{--color-bg:#0a0e27;--color-bg-2:#11162e;--color-bg-variant:rgba(124,58,237,.18);--color-surface:hsla(0,0%,100%,.04);--color-surface-2:hsla(0,0%,100%,.07);--color-primary:#06b6d4;--color-primary-2:#a855f7;--color-accent:#f59e0b;--color-primary-variant:rgba(6,182,212,.35);--color-white:#fff;--color-light:hsla(0,0%,100%,.68);--color-muted:hsla(0,0%,100%,.45);--gradient-primary:linear-gradient(135deg,#06b6d4,#a855f7);--gradient-accent:linear-gradient(135deg,#06b6d4,#a855f7 50%,#f59e0b);--gradient-surface:linear-gradient(145deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.01));--shadow-sm:0 4px 12px rgba(0,0,0,.25);--shadow-md:0 10px 25px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.25);--shadow-lg:0 25px 50px rgba(0,0,0,.5),0 10px 20px rgba(0,0,0,.3);--glow-cyan:0 0 30px rgba(6,182,212,.35);--glow-violet:0 0 30px rgba(168,85,247,.35);--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%;--font-family-primary:"Poppins",sans-serif;--transition:all 400ms cubic-bezier(0.2,0.8,0.2,1);--transition-fast:all 250ms ease}html{scroll-behavior:smooth}*,:after,:before{box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}::-webkit-scrollbar{display:none}input,textarea{font:inherit}body{background-attachment:fixed;background-color:#0a0e27;background-color:var(--color-bg);background-image:radial-gradient(ellipse 80% 50% at 20% 0,rgba(6,182,212,.18),transparent 60%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(168,85,247,.18),transparent 60%),radial-gradient(ellipse 70% 50% at 50% 100%,rgba(245,158,11,.1),transparent 60%),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKcWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wMS0xN1QxODo0NzozMVoiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDEtMTlUMTA6NDE6MzBaIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wMS0xOVQxMDo0MTozMFoiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRkZmE3YzdlLTljMjMtZGY0NS1hNjE3LTI1ZmIxN2MwYzI2YiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ1NzM3ODMzLTZkNDMtZTU0Yy05ZGJlLTkzM2ZjN2QyNWQ2MSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmFkZWMyZmNmLTBlN2MtYmY0NC04MjdhLTYyN2IxOTdkODg1ZiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSIxIiBleGlmOlBpeGVsWERpbWVuc2lvbj0iMTYiIGV4aWY6UGl4ZWxZRGltZW5zaW9uPSIxNiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YWRlYzJmY2YtMGU3Yy1iZjQ0LTgyN2EtNjI3YjE5N2Q4ODVmIiBzdEV2dDp3aGVuPSIyMDIyLTAxLTE3VDE4OjQ3OjMxWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphMTc3MmY0ZS1jZGNkLTcyNDYtYjYyNi1kNzRlNWQxMGZiYmQiIHN0RXZ0OndoZW49IjIwMjItMDEtMThUMTc6MjBaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuNCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmJkMmQ3ZDMyLTU2YWEtNTY0OS04NDdmLTBmMWYzZThmMGJkYiIgc3RFdnQ6d2hlbj0iMjAyMi0wMS0xOVQxMDo0MTozMFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NGRmYTdjN2UtOWMyMy1kZjQ1LWE2MTctMjVmYjE3YzBjMjZiIiBzdEV2dDp3aGVuPSIyMDIyLTAxLTE5VDEwOjQxOjMwWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiZDJkN2QzMi01NmFhLTU2NDktODQ3Zi0wZjFmM2U4ZjBiZGIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiNTQwNjllOC1iYmI1LWJhNGYtOGQ0Ny1kMWM2OWIwZDEwNDQiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZGVjMmZjZi0wZTdjLWJmNDQtODI3YS02MjdiMTk3ZDg4NWYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7hJkGIAAAAgUlEQVQ4jaWTSwqAMAwFxxp15ff+VxQ/O1GsGwUpttr4IMuZFJqHMUIglWSFWGvxjQnADdBu67KFNvgE9TmveRLU5/ZPcQVRsCuIhu8CFQwgQAeUGvh6QaKFL0EPTH8EAKNWcv8FlcS9g2jJ0yVGSXxdGIH5iyDU5QHYU8kF8DbyAFHyKD3LdWDGAAAAAElFTkSuQmCC);color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;font-family:var(--font-family-primary);line-height:1.7;overflow-x:hidden}body:before{-webkit-animation:floatBg 18s ease-in-out infinite alternate;animation:floatBg 18s ease-in-out infinite alternate;background-image:radial-gradient(circle at 15% 30%,rgba(6,182,212,.12) 0,transparent 25%),radial-gradient(circle at 85% 70%,rgba(168,85,247,.12) 0,transparent 25%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}@-webkit-keyframes floatBg{0%{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}50%{-webkit-transform:translate3d(20px,-15px,0) scale(1.05);transform:translate3d(20px,-15px,0) scale(1.05)}to{-webkit-transform:translate3d(-15px,20px,0) scale(1);transform:translate3d(-15px,20px,0) scale(1)}}@keyframes floatBg{0%{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}50%{-webkit-transform:translate3d(20px,-15px,0) scale(1.05);transform:translate3d(20px,-15px,0) scale(1.05)}to{-webkit-transform:translate3d(-15px,20px,0) scale(1);transform:translate3d(-15px,20px,0) scale(1)}}.container{margin-inline:auto;position:relative;width:75%;width:var(--container-width-lg);z-index:1}h1,h2,h3,h4{font-weight:600;letter-spacing:-.01em}h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-weight:700;line-height:1.2}section{margin-top:4rem;position:relative;z-index:1}section>h2,section>h5{color:hsla(0,0%,100%,.68);color:var(--color-light);text-align:center}section>h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;margin-bottom:1.5rem}section>h5{color:hsla(0,0%,100%,.45);color:var(--color-muted);font-size:.75rem;letter-spacing:.25em;padding-top:.5rem;text-transform:uppercase}.text-light{color:hsla(0,0%,100%,.68);color:var(--color-light)}.text-primary{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}a{color:#06b6d4;color:var(--color-primary);cursor:pointer;transition:all .4s cubic-bezier(.2,.8,.2,1);transition:var(--transition)}a:hover{color:#fff;color:var(--color-white)}button{background-color:initial;border:none}.btn,.pointer{cursor:pointer}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.15);border-radius:.6rem;color:#fff;color:var(--color-white);display:inline-block;font-weight:500;overflow:hidden;padding:.75rem 1.4rem;position:relative;transition:all .4s cubic-bezier(.2,.8,.2,1);transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:before{background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);content:"";inset:0;opacity:0;position:absolute;transition:opacity .35s ease;z-index:-1}.btn:hover{border-color:transparent;box-shadow:0 10px 25px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.25),0 0 30px rgba(6,182,212,.35);box-shadow:var(--shadow-md),var(--glow-cyan);color:#fff;color:var(--color-white);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);border-color:transparent;box-shadow:0 6px 20px rgba(6,182,212,.35);color:#fff;color:var(--color-white)}.btn-primary:hover{box-shadow:0 10px 30px rgba(168,85,247,.5),0 0 30px rgba(6,182,212,.4)}img{display:block;object-fit:cover;width:100%}header{align-items:center;display:flex;justify-content:center;min-height:auto;overflow:hidden;padding:6rem 0 1rem;position:relative}.header__container{position:relative;text-align:center}.header__inner{align-items:center;display:flex;flex-direction:column;gap:.6rem}.header__badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.25);box-shadow:var(--shadow-sm);color:hsla(0,0%,100%,.68);color:var(--color-light);display:inline-flex;font-size:.78rem;gap:.5rem;letter-spacing:.03em;margin-bottom:.5rem;padding:.35rem .9rem}.header__badge-dot{-webkit-animation:dotPulse 1.8s ease-in-out infinite;animation:dotPulse 1.8s ease-in-out infinite;background:#00e676;border-radius:50%;box-shadow:0 0 12px #00e676;height:8px;width:8px}@-webkit-keyframes dotPulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.4);transform:scale(1.4)}}@keyframes dotPulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.4);transform:scale(1.4)}}.header__container h1{-webkit-animation:titleIn .9s cubic-bezier(.2,.8,.2,1);animation:titleIn .9s cubic-bezier(.2,.8,.2,1);font-size:3.5rem;margin:.2rem 0 .4rem}@-webkit-keyframes titleIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes titleIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.header__container h5{color:hsla(0,0%,100%,.68);color:var(--color-light);font-size:1rem}.header__role{font-size:1.05rem!important}.header__tagline{color:hsla(0,0%,100%,.45);color:var(--color-muted);font-size:.95rem;line-height:1.7;margin:.6rem auto 0;max-width:38rem}.btn-container{gap:1rem;margin-top:1.8rem;transition:all .4s cubic-bezier(.2,.8,.2,1);transition:var(--transition)}.btn-container,.header__socials{display:flex;justify-content:center}.header__socials{align-items:center;flex-direction:row;font-size:1.2rem;gap:1.2rem;margin-top:1.5rem}.header__socials a{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.04);background:var(--color-surface);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:hsla(0,0%,100%,.68);color:var(--color-light);display:grid;height:2.6rem;place-items:center;transition:all .4s cubic-bezier(.2,.8,.2,1);transition:var(--transition);width:2.6rem}.header__socials a:hover{background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);border-color:transparent;box-shadow:0 0 30px rgba(6,182,212,.35);box-shadow:var(--glow-cyan);color:#fff;color:var(--color-white);-webkit-transform:translateY(-4px) scale(1.1);transform:translateY(-4px) scale(1.1)}.header__stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.01));background:var(--gradient-surface);border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.05);box-shadow:var(--shadow-sm),inset 0 1px 0 hsla(0,0%,100%,.05);display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;margin-top:2.5rem;padding:1.2rem 2rem}.header__stat{align-items:center;display:flex;flex-direction:column;gap:.1rem}.header__stat strong{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700;line-height:1}.header__stat span{color:hsla(0,0%,100%,.45);color:var(--color-muted);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.header__chips{display:flex;flex-wrap:wrap;gap:.5rem .6rem;justify-content:center;margin:1.8rem auto 0;max-width:44rem}.header__chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.04);background:var(--color-surface);border:1px solid hsla(0,0%,100%,.08);border-radius:999px;color:hsla(0,0%,100%,.68);color:var(--color-light);font-size:.78rem;padding:.35rem .85rem;transition:all .25s ease;transition:var(--transition-fast)}.header__chip:hover{background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);border-color:transparent;box-shadow:0 0 30px rgba(6,182,212,.35);box-shadow:var(--glow-cyan);color:#fff;color:var(--color-white);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.scroll__down{bottom:2rem;color:hsla(0,0%,100%,.45);color:var(--color-muted);font-size:.75rem;font-weight:300;letter-spacing:.25em;position:absolute;right:2rem;text-transform:uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:right bottom;transform-origin:right bottom;transition:all .4s cubic-bezier(.2,.8,.2,1);transition:var(--transition)}.scroll__down:hover{color:#06b6d4;color:var(--color-primary)}nav{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:rgba(10,14,39,.55);border:1px solid hsla(0,0%,100%,.1);border-radius:3rem;bottom:2rem;box-shadow:0 20px 50px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1);gap:.4rem;left:50%;padding:.7rem 1.2rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}nav,nav a{display:flex}nav a{background:transparent;border-radius:50%;color:hsla(0,0%,100%,.68);color:var(--color-light);font-size:1.1rem;padding:.75rem;position:relative;transition:all .4s cubic-bezier(.2,.8,.2,1);transition:var(--transition)}nav a:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}nav a.active,nav a:hover{color:#fff;color:var(--color-white)}nav a.active{background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);box-shadow:0 6px 18px rgba(6,182,212,.4),0 0 20px rgba(168,85,247,.3)}.about__container{grid-gap:15%;display:grid;gap:15%;grid-template-columns:35% 50%;margin-top:3rem;-webkit-perspective:1500px;perspective:1500px}.about__me{aspect-ratio:1/1;background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);border-radius:2rem;box-shadow:0 30px 60px rgba(168,85,247,.3),0 0 50px rgba(6,182,212,.25);display:grid;place-items:center;position:relative;-webkit-transform:rotateY(-8deg) rotateX(4deg);transform:rotateY(-8deg) rotateX(4deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .4s cubic-bezier(.2,.8,.2,1);transition:var(--transition);width:80%}.about__me:before{background:linear-gradient(135deg,#06b6d4,#a855f7 50%,#f59e0b);background:var(--gradient-accent);border-radius:inherit;content:"";-webkit-filter:blur(25px);filter:blur(25px);inset:-4px;opacity:.5;position:absolute;z-index:-1}.about__me:hover{-webkit-transform:rotateY(0) rotateX(0) translateZ(20px);transform:rotateY(0) rotateX(0) translateZ(20px)}.about__me img{border-radius:2rem;overflow:hidden;-webkit-transform:translateZ(30px);transform:translateZ(30px);transition:all .4s cubic-bezier(.2,.8,.2,1);transition:var(--transition)}.about__me:hover img{-webkit-transform:translateZ(50px) rotate(-3deg);transform:translateZ(50px) rotate(-3deg)}.about__cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);-webkit-perspective:1200px;perspective:1200px}.about__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.01));background:var(--gradient-surface);border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.06);box-shadow:var(--shadow-sm),inset 0 1px 0 hsla(0,0%,100%,.06);overflow:hidden;padding:1.8rem 1rem;position:relative;text-align:center;-webkit-transform:rotateX(5deg);transform:rotateX(5deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .4s cubic-bezier(.2,.8,.2,1);transition:var(--transition)}.about__card:before{background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .35s ease;z-index:-1}.about__card:hover{border-color:rgba(6,182,212,.4);box-shadow:0 25px 50px rgba(0,0,0,.5),0 10px 20px rgba(0,0,0,.3),0 0 30px rgba(6,182,212,.35);box-shadow:var(--shadow-lg),var(--glow-cyan);cursor:pointer;-webkit-transform:rotateX(0) translateY(-8px) translateZ(20px);transform:rotateX(0) translateY(-8px) translateZ(20px)}.about__card:hover:before{opacity:.08}.about__card .about-icon{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;margin-bottom:.6rem}.about__card h5{color:#fff;color:var(--color-white);font-size:1rem;margin-bottom:.3rem}.about__card small{color:hsla(0,0%,100%,.68);color:var(--color-light);display:block;font-size:.75rem;line-height:1.5}.about__content .about__description{font-size:.9rem;margin:2rem 0 2.5rem}.m-2{margin-top:2rem}.experience__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:55% 22.5% 22.5%;margin-top:3rem;-webkit-perspective:1500px;perspective:1500px}.experience__container>div{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.01));background:var(--gradient-surface);border:1px solid hsla(0,0%,100%,.08);border-radius:1.5rem;box-shadow:0 10px 25px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.06);box-shadow:var(--shadow-md),inset 0 1px 0 hsla(0,0%,100%,.06);overflow:hidden;padding:2rem;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .4s cubic-bezier(.2,.8,.2,1);transition:var(--transition)}.experience__container>div:before{background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .35s ease}.experience__container>div:first-child{-webkit-transform:rotateY(6deg) rotateX(4deg);transform:rotateY(6deg) rotateX(4deg)}.experience__container>div:nth-child(2){-webkit-transform:rotateY(0deg) rotateX(4deg);transform:rotateY(0deg) rotateX(4deg)}.experience__container>div:nth-child(3){-webkit-transform:rotateY(-6deg) rotateX(4deg);transform:rotateY(-6deg) rotateX(4deg)}.experience__container>div:hover{border-color:transparent;box-shadow:0 25px 50px rgba(0,0,0,.5),0 10px 20px rgba(0,0,0,.3),0 0 30px rgba(6,182,212,.35);box-shadow:var(--shadow-lg),var(--glow-cyan);cursor:default;-webkit-transform:rotateY(0) rotateX(0) translateY(-6px) translateZ(20px);transform:rotateY(0) rotateX(0) translateY(-6px) translateZ(20px)}.experience__container>div:hover:before{opacity:1}.experience__container>div h3{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-weight:600;margin-bottom:2rem;text-align:center}.experience__frontend .experience__content{grid-column-gap:2rem;grid-row-gap:1rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:1fr 1fr;row-gap:1rem}.experience__others .experience__content{display:flex;flex-direction:column;gap:1.5rem;grid-template-columns:1fr}.experience__details{align-items:flex-start;border-radius:.5rem;display:flex;gap:.8rem;padding:.4rem;transition:all .25s ease;transition:var(--transition-fast)}.experience__details:hover{background:hsla(0,0%,100%,.03);-webkit-transform:translateX(4px);transform:translateX(4px)}.experience__details h4{color:#fff;color:var(--color-white);font-size:.95rem;font-weight:500}.experience__details small{color:hsla(0,0%,100%,.45);color:var(--color-muted);font-size:.75rem}.experience__details-icon{color:#06b6d4;color:var(--color-primary);-webkit-filter:drop-shadow(0 0 6px rgba(6,182,212,.5));filter:drop-shadow(0 0 6px rgba(6,182,212,.5));margin-top:6px}.portfolio__container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.portfolio__item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.01));background:var(--gradient-surface);border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;box-shadow:0 10px 25px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.06);box-shadow:var(--shadow-md),inset 0 1px 0 hsla(0,0%,100%,.06);display:flex;flex-direction:column;gap:.8rem;isolation:isolate;overflow:hidden;padding:1rem;position:relative;transition:box-shadow .4s ease,border-color .4s ease,-webkit-transform .4s cubic-bezier(.2,.8,.2,1);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .4s ease;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .4s ease,-webkit-transform .4s cubic-bezier(.2,.8,.2,1)}.portfolio__item:before{background:linear-gradient(135deg,#06b6d4,#a855f7 50%,#f59e0b);background:var(--gradient-accent);border-radius:1rem;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:1}.portfolio__item-glow{-webkit-animation:glowPulse 4s ease-in-out infinite alternate;animation:glowPulse 4s ease-in-out infinite alternate;background:radial-gradient(circle,#a855f7 0,#06b6d4 40%,transparent 75%);background:radial-gradient(circle,var(--color-primary-2) 0,var(--color-primary) 40%,transparent 75%);border-radius:50%;-webkit-filter:blur(40px);filter:blur(40px);height:240px;opacity:.35;pointer-events:none;position:absolute;right:-80px;top:-80px;width:240px;z-index:0}@-webkit-keyframes glowPulse{0%{opacity:.25;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.45;-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes glowPulse{0%{opacity:.25;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.45;-webkit-transform:scale(1.15);transform:scale(1.15)}}.portfolio__item>*{position:relative;z-index:2}.portfolio__item:hover{border-color:transparent;box-shadow:0 25px 50px rgba(0,0,0,.5),0 10px 20px rgba(0,0,0,.3),0 0 30px rgba(6,182,212,.35),0 0 30px rgba(168,85,247,.35),inset 0 1px 0 hsla(0,0%,100%,.12);box-shadow:var(--shadow-lg),var(--glow-cyan),var(--glow-violet),inset 0 1px 0 hsla(0,0%,100%,.12);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.portfolio__item:hover:before{opacity:1}.portfolio__item small{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:.85rem;font-weight:600}.portfolio__item p{-webkit-line-clamp:4;-webkit-box-orient:vertical;line-clamp:4;color:hsla(0,0%,100%,.68);color:var(--color-light);display:-webkit-box;font-size:.85rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.portfolio__item h3{margin-bottom:.4rem}.portfolio__item-body{display:flex;flex-direction:column;gap:.25rem}.portfolio__period{color:hsla(0,0%,100%,.68);color:var(--color-light);font-size:.75rem;font-style:italic;margin:.2rem 0 .6rem;opacity:.7}.portfolio__item-image{aspect-ratio:3/2;border-radius:.75rem;box-shadow:0 8px 20px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.05);overflow:hidden;position:relative}.portfolio__item-image img{display:block;height:100%;object-fit:cover;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;width:100%}.portfolio__item:hover .portfolio__item-image img{-webkit-transform:scale(1.05);transform:scale(1.05)}.portfolio__live-badge{-webkit-animation:livePulse 2s ease-in-out infinite;animation:livePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00e676,#00b248);border-radius:999px;box-shadow:0 4px 12px rgba(0,230,118,.4);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.1em;padding:4px 10px;position:absolute;right:10px;top:10px}@-webkit-keyframes livePulse{0%,to{box-shadow:0 4px 12px rgba(0,230,118,.4)}50%{box-shadow:0 4px 20px rgba(0,230,118,.85)}}@keyframes livePulse{0%,to{box-shadow:0 4px 12px rgba(0,230,118,.4)}50%{box-shadow:0 4px 20px rgba(0,230,118,.85)}}.portfolio__item-btn{display:flex;gap:.8rem;margin-top:.2rem}.portfolio__item-btn .btn{padding:.55rem 1.1rem;transition:box-shadow .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,box-shadow .25s ease;transition:transform .25s ease,box-shadow .25s ease,-webkit-transform .25s ease}.portfolio__item-btn .btn:hover{box-shadow:0 8px 18px rgba(0,0,0,.35);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.contact__container{grid-gap:20%;display:grid;gap:20%;grid-template-columns:30% 50%;-webkit-perspective:1500px;perspective:1500px;width:60%}.contact__options{display:flex;flex-direction:column;gap:1.2rem}.contact__option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.01));background:var(--gradient-surface);border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.06);box-shadow:var(--shadow-sm),inset 0 1px 0 hsla(0,0%,100%,.06);overflow:hidden;padding:1.4rem 1.2rem;position:relative;text-align:center;-webkit-transform:rotateY(-8deg);transform:rotateY(-8deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .4s cubic-bezier(.2,.8,.2,1);transition:var(--transition);width:clamp(-webkit-fit-content,100%,-webkit-max-content);width:clamp(-moz-fit-content,100%,max-content);width:clamp(fit-content,100%,max-content)}.contact__option:before{background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);content:"";inset:0;opacity:0;position:absolute;transition:opacity .35s ease;z-index:-1}.contact__option:hover{border-color:transparent;box-shadow:0 25px 50px rgba(0,0,0,.5),0 10px 20px rgba(0,0,0,.3),0 0 30px rgba(6,182,212,.35);box-shadow:var(--shadow-lg),var(--glow-cyan);-webkit-transform:rotateY(0) translateZ(20px) translateY(-4px);transform:rotateY(0) translateZ(20px) translateY(-4px)}.contact__option:hover:before{opacity:.1}.contact__option-icon{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-filter:drop-shadow(0 0 10px rgba(6,182,212,.4));filter:drop-shadow(0 0 10px rgba(6,182,212,.4));font-size:1.6rem;margin-bottom:.5rem}.contact__option h4{color:#fff;color:var(--color-white);font-size:.95rem}.contact__option h5{color:hsla(0,0%,100%,.68);color:var(--color-light);font-size:.8rem;margin:.3rem 0}.contact__option a{color:#06b6d4;color:var(--color-primary);display:inline-block;font-size:.8rem;margin-top:.7rem}.contact__option a:hover{color:#fff;color:var(--color-white)}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.04);background:var(--color-surface);border:1px solid hsla(0,0%,100%,.1);border-radius:.8rem;color:#fff;color:var(--color-white);padding:1.2rem 1.4rem;resize:none;transition:all .25s ease;transition:var(--transition-fast);width:100%}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.45);color:var(--color-muted)}input::placeholder,textarea::placeholder{color:hsla(0,0%,100%,.45);color:var(--color-muted)}input:focus,textarea:focus{background:hsla(0,0%,100%,.06);border-color:#06b6d4;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(6,182,212,.15),0 0 30px rgba(6,182,212,.35);box-shadow:0 0 0 3px rgba(6,182,212,.15),var(--glow-cyan);-webkit-transform:translateY(-2px);transform:translateY(-2px)}form .btn-primary{align-self:flex-start}footer{background:#11162e;background:var(--color-bg-2);border-top:1px solid hsla(0,0%,100%,.06);font-size:1rem;margin-top:6rem;overflow:hidden;padding:5rem 0 3rem;position:relative;text-align:center}footer:before{background:linear-gradient(135deg,#06b6d4,#a855f7 50%,#f59e0b);background:var(--gradient-accent);box-shadow:0 0 20px rgba(6,182,212,.5);height:2px;left:0;right:0;top:0}footer:after,footer:before{content:"";position:absolute}footer:after{background:radial-gradient(ellipse 50% 80% at 20% 0,rgba(6,182,212,.12),transparent 60%),radial-gradient(ellipse 50% 80% at 80% 100%,rgba(168,85,247,.12),transparent 60%);inset:0;pointer-events:none}footer>*{position:relative;z-index:1}footer a{color:hsla(0,0%,100%,.68);color:var(--color-light);transition:all .4s cubic-bezier(.2,.8,.2,1);transition:var(--transition)}footer a:hover{color:#06b6d4;color:var(--color-primary)}.footer__logo{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.footer__links{flex-wrap:wrap;gap:2rem;margin:2rem auto}.footer__links,.footer__socials{display:flex;justify-content:center}.footer__socials{gap:1rem;margin-bottom:2rem}.footer__socials a{background:hsla(0,0%,100%,.04);background:var(--color-surface);border:1px solid hsla(0,0%,100%,.1);border-radius:.7rem;color:#fff;color:var(--color-white);display:grid;height:2.6rem;padding:.6rem;place-items:center;transition:all .4s cubic-bezier(.2,.8,.2,1);transition:var(--transition);width:2.6rem}.footer__socials a:hover{background:linear-gradient(135deg,#06b6d4,#a855f7);background:var(--gradient-primary);border-color:transparent;box-shadow:0 0 30px rgba(6,182,212,.35);box-shadow:var(--glow-cyan);color:#fff;color:var(--color-white);-webkit-transform:translateY(-4px) scale(1.05);transform:translateY(-4px) scale(1.05)}.footer__copyright{color:hsla(0,0%,100%,.45);color:var(--color-muted);font-size:.85rem;margin-top:1.5rem}.footer__icons{font-size:1.2rem}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}.section{margin-top:6rem}h1{font-size:2.2rem}header{padding:5rem 1rem 3rem}.header__container h1{font-size:2.6rem}.about__container{gap:0;grid-template-columns:1fr}.about__me{margin:2rem auto;width:50%}.about__content p{margin:1rem 0 1.5rem}.experience__container{grid-template-columns:1fr;-webkit-perspective:none;perspective:none}.experience__container>div{margin:0 auto;padding:2rem;-webkit-transform:none!important;transform:none!important;width:80%}.portfolio__container{gap:1.4rem;grid-template-columns:repeat(2,1fr)}.contact__container{gap:2rem;grid-template-columns:1fr;-webkit-perspective:none;perspective:none;width:60%}.contact__option{-webkit-transform:none;transform:none}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}.section>h2{margin-bottom:2rem}h1{font-size:1.8rem}body:before{display:none}header{padding:4rem 1rem 2rem}.header__container h1{font-size:2rem}.header__tagline{font-size:.85rem}.header__socials{font-size:1.05rem;gap:.8rem;margin-top:1.2rem}.header__stats{gap:1.2rem;margin-top:1.8rem;padding:1rem 1.2rem}.header__stat strong{font-size:1.2rem}.header__stat span{font-size:.62rem}.header__chips{gap:.35rem .45rem;margin-top:1.2rem}.header__chip{font-size:.7rem;padding:.28rem .65rem}.scroll__down{display:none}.about__me{margin:3rem auto;-webkit-transform:none;transform:none;width:65%}.about__cards{gap:1rem;grid-template-columns:1fr 1fr;-webkit-perspective:none;perspective:none}.about__card{-webkit-transform:none;transform:none}.about__content{text-align:center}.about__content p{margin:1.5rem 0}.experience__container{gap:1rem}.experience__container>div{padding:2rem 1rem;width:100%}.portfolio__container{gap:1.2rem;grid-template-columns:1fr;-webkit-perspective:none;perspective:none;width:85%}.portfolio__item{min-height:auto;padding:1.2rem;-webkit-transform:none!important;transform:none!important}.portfolio__item:hover{-webkit-transform:translateY(-4px)!important;transform:translateY(-4px)!important}.contact__container{gap:2rem;width:90%;width:var(--container-width-sm)}.footer__links{flex-direction:column;gap:1rem}}
/*# sourceMappingURL=main.1f522ae5.css.map*/