@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,700&family=Roboto:wght@400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Roboto:wght@300&display=swap");html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}.app-container{display:flex;flex-direction:column;background:#000;height:100dvh;background-size:cover;background-position:50%;background-attachment:fixed;position:relative;overflow-y:auto;overflow-x:hidden}.app-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(https://www.transparenttextures.com/patterns/cartographer.png);opacity:.4;filter:invert(1);pointer-events:none}.navbar{align-items:center;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);padding:15px 40px;position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1000;width:-moz-fit-content;width:fit-content;border-radius:50px;box-shadow:0 4px 30px rgba(0,0,0,.3)}.navbar,.navbar-list{display:flex;justify-content:center}.navbar-list{list-style:none;margin:0;padding:0}.navbar-list li{margin:0}.navbar-list li a{color:#fff;text-decoration:none;font-family:Roboto,sans-serif;font-weight:500;letter-spacing:1px;transition:all .3s ease;position:relative;padding-bottom:5px}.navbar-list li a:hover{color:#00a8cc;text-shadow:0 0 15px rgba(0,168,204,.6)}.navbar-list li a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#00a8cc;transition:width .3s ease;box-shadow:0 0 10px rgba(0,168,204,.8)}.navbar-list li a:hover:after{width:100%}.responsive-wrapper{width:100%;height:100dvh;display:flex;justify-content:flex-start;align-items:center;padding-left:45%;overflow:hidden}.responsive-wrapper>*{transform:scale(1.15)}.skills-section{opacity:0;animation:slideDown 1s ease-out forwards;background:#111;color:#0f9;padding:20px 50px;text-align:center;font-size:1.5rem;margin-top:0;border-radius:10px;box-shadow:0 5px 15px rgba(0,255,153,.3);width:100%;box-sizing:border-box}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none}.transition-layer{height:100%;bottom:0;transform:translateY(100%)}.transition-layer,.wave-svg{position:absolute;left:0;width:100%}.wave-svg{top:0;height:30vh;transform:translateY(-99%)}.layer-1{background:#00a8cc;z-index:3;animation:waveAnim 1.5s cubic-bezier(.6,0,.4,1) forwards;background-image:url(https://www.transparenttextures.com/patterns/cartographer.png);background-blend-mode:overlay}.layer-2{background:#007ea7;z-index:2;animation:waveAnim 1.5s cubic-bezier(.6,0,.4,1) .1s forwards;background-image:url(https://www.transparenttextures.com/patterns/cartographer.png);background-blend-mode:overlay}.layer-3{background:#003459;z-index:1;animation:waveAnim 1.5s cubic-bezier(.6,0,.4,1) .2s forwards;background-image:url(https://www.transparenttextures.com/patterns/cartographer.png);background-blend-mode:overlay}@keyframes waveAnim{0%{transform:translateY(100%)}to{transform:translateY(-120%)}}@keyframes textFlow{0%{color:#fff}50%{color:#00a8cc}to{color:#fff}}.smart-text{mix-blend-mode:difference;animation:textFlow 6s ease-in-out infinite}.action-button{padding:10px 30px;font-size:1.2rem;color:#fff;background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.3);border-radius:30px;cursor:pointer;font-family:Roboto,sans-serif;letter-spacing:.1em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;text-transform:uppercase;display:flex;align-items:center;gap:10px}.nav-sparkles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:50px;overflow:hidden;z-index:-1}.sparkle-line{position:absolute;right:-20px;height:2px;background:rgba(0,255,255,.8);border-radius:2px;box-shadow:0 0 4px rgba(0,168,204,.8);opacity:0;animation:sparkleAnim linear infinite}@keyframes sparkleAnim{0%{transform:translateX(0) scaleX(.5);opacity:0}20%{opacity:1;transform:translateX(-20px) scaleX(1)}to{transform:translateX(-350px) scaleX(.5);opacity:0}}.sparkle-line:first-child{top:20%;width:30px;animation-duration:1.5s;animation-delay:0s}.sparkle-line:nth-child(2){top:40%;width:20px;animation-duration:2.1s;animation-delay:.3s}.sparkle-line:nth-child(3){top:60%;width:40px;animation-duration:1.8s;animation-delay:.7s}.sparkle-line:nth-child(4){top:80%;width:25px;animation-duration:2.5s;animation-delay:1.1s}.sparkle-line:nth-child(5){top:30%;width:15px;animation-duration:1.2s;animation-delay:1.5s}.sparkle-line:nth-child(6){top:70%;width:35px;animation-duration:2.8s;animation-delay:.2s}.sparkle-line:nth-child(7){top:50%;width:22px;animation-duration:1.9s;animation-delay:.9s}.sparkle-line:nth-child(8){top:10%;width:28px;animation-duration:2.3s;animation-delay:1.8s}.action-button:hover{background:hsla(0,0%,100%,.1);border-color:#00a8cc;color:#00a8cc;box-shadow:0 0 15px rgba(0,168,204,.5)}@keyframes projectionFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.projection-float{animation:projectionFloat 2s ease-in-out infinite}.skill-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,168,204,.15)!important;border-color:rgba(0,168,204,.5)!important}.category-btn{background:rgba(15,15,20,.6);border:1px solid rgba(0,168,204,.3);color:#e0e0e0;padding:10px 20px;border-radius:30px;cursor:pointer;font-family:Roboto,sans-serif;font-size:.9rem;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:uppercase;letter-spacing:1px}.category-btn.active,.category-btn:hover{background:rgba(0,168,204,.2);border-color:#00a8cc;color:#fff;box-shadow:0 0 15px rgba(0,168,204,.4);transform:translateY(-2px)}.skill-orb{position:absolute;padding:8px 16px;background:rgba(10,10,15,.85);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:#e0e0e0;font-family:Consolas,Monaco,monospace;font-size:.85rem;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 10px rgba(0,0,0,.5);transition:all .5s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:1}.skill-orb.highlighted{background:rgba(0,168,204,.3);border-color:#00a8cc;color:#fff;box-shadow:0 0 20px rgba(0,168,204,.6);z-index:10;transform:scale(1.1)}@media (max-width:768px){.navbar{padding:10px 5px;width:90%;top:80px;box-sizing:border-box}.responsive-wrapper{padding-left:0;justify-content:center}}.universe-image-container{position:absolute;bottom:calc(2rem - .5cm);left:50%;transform:translateX(-50%);perspective:1000px;display:flex;justify-content:center;width:auto;pointer-events:none;z-index:5;animation:cosmicFloat 5s ease-in-out infinite}@keyframes cosmicFloat{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.universe-frame{position:relative;padding:6px;background:linear-gradient(135deg,rgba(20,0,40,.8),rgba(0,0,20,.9));border-radius:15px;border:1px solid rgba(138,43,226,.4);box-shadow:0 0 20px rgba(138,43,226,.5),0 0 40px rgba(75,0,130,.3),inset 0 0 15px rgba(138,43,226,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.universe-project-image{display:block;max-width:100%;width:200px;height:auto;border-radius:10px;opacity:.95;filter:brightness(1.1) contrast(1.1)}.cv-button{position:fixed;bottom:2rem;left:2rem;width:60px;height:60px;border-radius:50%;background:rgba(10,15,30,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,255,255,.3);display:flex;justify-content:center;align-items:center;color:#0ff;z-index:2000;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 15px rgba(0,255,255,.15);text-decoration:none}.cv-button:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 30px rgba(0,255,255,.4);border-color:#0ff;background:rgba(0,255,255,.1)}.cv-button svg{width:24px;height:24px;z-index:2;filter:drop-shadow(0 0 5px rgba(0,255,255,.5));transition:transform .3s ease}.cv-button:hover svg{transform:translateY(2px)}.cv-button:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;border-color:rgba(0,255,255,.6) rgba(0,255,255,.3) transparent transparent;border-style:solid;border-width:2px;animation:spinCV 3s linear infinite}.cv-button:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;border-color:transparent transparent rgba(0,255,255,.8) rgba(0,255,255,.4);border-style:solid;border-width:1px;animation:spinCV 4s linear infinite reverse}@keyframes spinCV{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cv-tooltip{position:absolute;left:75px;background:rgba(5,10,20,.9);color:#0ff;padding:6px 12px;border-radius:4px;font-family:Roboto,sans-serif;font-size:.85rem;letter-spacing:1px;opacity:0;transform:translateX(-10px);transition:all .3s ease;pointer-events:none;white-space:nowrap;border:1px solid rgba(0,255,255,.3);box-shadow:0 0 15px rgba(0,0,0,.5)}.cv-button:hover .cv-tooltip{opacity:1;transform:translateX(0)}.linkedin-button{position:fixed;bottom:calc(2rem + 80px);left:2rem;width:60px;height:60px;border-radius:50%;background:rgba(10,15,30,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,119,181,.5);display:flex;justify-content:center;align-items:center;color:#0077b5;z-index:2000;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 15px rgba(0,119,181,.2);text-decoration:none}.linkedin-button:hover{transform:scale(1.1) rotate(-5deg);box-shadow:0 0 30px rgba(0,119,181,.5);border-color:#00a0dc;background:rgba(0,119,181,.15);color:#00a0dc}.linkedin-button svg{width:24px;height:24px;z-index:2;filter:drop-shadow(0 0 5px rgba(0,119,181,.5));transition:transform .3s ease}.linkedin-button:hover svg{transform:translateY(-2px)}.linkedin-button:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;border-color:rgba(0,119,181,.6) transparent transparent rgba(0,119,181,.3);border-style:solid;border-width:2px;animation:spinCV 4s linear infinite}.linkedin-button:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;border-color:transparent rgba(0,160,220,.4) rgba(0,160,220,.8) transparent;border-style:solid;border-width:1px;animation:spinCV 5s linear infinite reverse}.cv-thought{position:absolute;bottom:65px;left:50px;background:#fff;color:#000;padding:8px 15px;border-radius:20px;font-family:Caveat,cursive;font-size:1.3rem;font-weight:700;white-space:nowrap;opacity:0;transform-origin:bottom left;animation:thoughtAnim 5s infinite;pointer-events:none;z-index:10;box-shadow:0 5px 15px rgba(0,0,0,.3)}.cv-thought:after,.cv-thought:before{content:"";position:absolute;background:#fff;border-radius:50%}.cv-thought:before{bottom:-6px;left:10px;width:12px;height:12px}.cv-thought:after{bottom:-14px;left:0;width:8px;height:8px}@keyframes thoughtAnim{0%,80%{opacity:0;transform:scale(.8) translateY(10px)}85%{opacity:1;transform:scale(1.05) translateY(-5px)}90%{transform:scale(1) translateY(0)}95%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-10px)}}.typing-code-text{position:fixed;bottom:2.2rem;left:calc(2rem + 70px);font-family:Consolas,Monaco,Andale Mono,monospace;font-size:1.1rem;font-weight:700;z-index:2000;pointer-events:none;background:rgba(10,15,30,.85);padding:8px 15px;border-radius:8px;border:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 15px rgba(0,0,0,.5);white-space:nowrap;display:flex;align-items:center}.cursor-blink{color:#00a8cc;animation:blink 1s step-end infinite;margin-left:2px;font-weight:100}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:768px){.typing-code-text{left:calc(2rem + 55px);font-size:.85rem;padding:5px 10px;bottom:2.2rem;white-space:normal;max-width:calc(100% - 2rem - 70px);line-height:1.2}}