@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{margin:0;padding:0;width:100%;height:100%;color-scheme:dark;--font-family: "Playfair Display", serif}#root{width:100%;margin:0;padding:0;font-family:var(--font-family)}html,body{margin:0;padding:0;width:100%;height:100%;background-color:#000!important;color:#fff;scroll-behavior:smooth;scroll-padding-top:80px;overscroll-behavior:none}@supports (scroll-timeline: auto){html{scroll-timeline:auto}}button:focus,button:focus-visible{outline:2px solid rgba(255,255,255,.3);outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-black: #000000;--primary-white: #ffffff;--accent-light: #f0f0f0;--accent-dark: #000000;--glow-white: #e8e8e8;--shadow-color: rgba(0, 0, 0, .1);--font-family: "Playfair Display", serif}html{scroll-behavior:smooth;will-change:scroll-position}body{font-family:var(--font-family);background-color:#000!important;color:var(--primary-white);overflow-x:hidden;position:relative;transform:translateZ(0);-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}body{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="4" fill="white"/><circle cx="16" cy="16" r="8" fill="none" stroke="white" stroke-width="1" opacity="0.5"/></svg>') 16 16,auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--primary-black)}::-webkit-scrollbar-thumb{background:var(--primary-white);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--glow-white)}::selection{background-color:var(--primary-white);color:var(--primary-black)}button{font-family:Playfair Display,serif;cursor:pointer;border:none;transition:all .3s ease}a{color:var(--primary-white);text-decoration:none;transition:all .3s ease}a:hover{color:var(--glow-white)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(255,255,255,.5)}50%{text-shadow:0 0 20px rgba(255,255,255,.8)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes orbitSmall{0%{transform:rotate(0) translate(40px) rotate(0)}to{transform:rotate(360deg) translate(40px) rotate(-360deg)}}@keyframes orbitMedium{0%{transform:rotate(0) translate(60px) rotate(0)}to{transform:rotate(360deg) translate(60px) rotate(-360deg)}}@keyframes orbitLarge{0%{transform:rotate(0) translate(80px) rotate(0)}to{transform:rotate(360deg) translate(80px) rotate(-360deg)}}@keyframes shootingStar{0%{top:-10px;left:-10px;opacity:1}to{top:100vh;left:100vw;opacity:0}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,49%,to{border-right-color:transparent}50%,99%{border-right-color:#fff}}.fade-in{animation:fadeIn .5s ease-out forwards}.slide-up{animation:slideUp .5s ease-out forwards}.slide-down{animation:slideDown .5s ease-out forwards}.glow-text{animation:glow 2s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}.rotate{animation:rotate 10s linear infinite}.pulse{animation:pulse 2s ease-in-out infinite}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-transform{transition:transform .3s cubic-bezier(.4,0,.2,1)}.about,.projects,.contact,.skills-new{min-height:auto!important;padding:60px 30px!important}.section-header{margin-bottom:40px!important}@media(max-width:768px){.about,.projects,.contact,.skills-new{padding:50px 20px!important}.section-header{margin-bottom:28px!important}}@media(max-width:480px){.about,.projects,.contact,.skills-new{padding:36px 16px!important}.section-header{margin-bottom:20px!important}}.app{position:relative;width:100%;min-height:100vh;overflow-x:hidden;scroll-behavior:smooth}.main-content{position:relative;z-index:20;will-change:scroll-position;contain:layout style paint}.footer{position:relative;padding:40px 20px;border-top:1px solid rgba(255,255,255,.1);background:#00000080;z-index:20;text-align:center}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}.footer-content p{font-size:.9rem;color:#fff9;font-weight:300;letter-spacing:1px}.footer-decoration{display:flex;gap:15px}.footer-decoration .star{width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 10px #ffffff80;animation:pulse 2s ease-in-out infinite}.footer-decoration .star:nth-child(2){animation-delay:.3s}.footer-decoration .star:nth-child(3){animation-delay:.6s}@media(max-width:768px){.footer{padding:30px 15px}}.star-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none;will-change:transform;backface-visibility:hidden}.space-gradient{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at 50% 40%,#191932f2,#0a0a1efa 40%,#000);z-index:1;will-change:contents}.stars-container{position:absolute;width:100%;height:100%;z-index:2;will-change:transform}.stars-far{z-index:2;transform:translateZ(0)}.stars-mid{z-index:3;transform:translateZ(0)}.stars-foreground{z-index:4;transform:translateZ(0)}.star{position:absolute;border-radius:50%;will-change:opacity;backface-visibility:hidden;contain:layout style paint}.star-far,.star-mid,.star-foreground{box-shadow:none}@keyframes twinkleRealistic{0%{opacity:.3;filter:blur(.3px)}25%{opacity:.8;filter:blur(.3px)}50%{opacity:1;filter:blur(.2px)}75%{opacity:.7;filter:blur(.3px)}to{opacity:.3;filter:blur(.3px)}}.cosmic-dust{position:absolute;width:100%;height:100%;z-index:5}.dust-particle{position:absolute;background:radial-gradient(circle,#fffc,#c8c8dc33);border-radius:50%;filter:blur(.5px);will-change:transform}.nebula-system{position:absolute;width:100%;height:100%;z-index:5;pointer-events:none}.nebula{position:absolute;border-radius:50%;filter:blur(60px);opacity:.12;mix-blend-mode:screen;will-change:transform}.nebula-1{width:600px;height:600px;background:radial-gradient(circle,rgba(100,150,255,.4),transparent);top:-200px;left:5%;animation:nebulaDrift1 45s ease-in-out infinite}.nebula-2{width:700px;height:700px;background:radial-gradient(circle,rgba(150,100,200,.3),transparent);bottom:-250px;right:0%;animation:nebulaDrift2 50s ease-in-out infinite reverse;animation-delay:3s}.nebula-3{width:500px;height:500px;background:radial-gradient(circle,rgba(100,200,200,.25),transparent);top:30%;left:60%;animation:nebulaDrift3 60s ease-in-out infinite;animation-delay:5s}.nebula-4{width:550px;height:550px;background:radial-gradient(circle,rgba(180,120,150,.2),transparent);bottom:10%;left:15%;animation:nebulaDrift1 55s ease-in-out infinite reverse;animation-delay:7s}@keyframes nebulaDrift1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translateY(40px) scale(.98)}75%{transform:translate(-40px,20px) scale(1.02)}}@keyframes nebulaDrift2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-25px,30px) scale(1.03)}50%{transform:translateY(-35px) scale(.99)}75%{transform:translate(35px,-15px) scale(1.01)}}@keyframes nebulaDrift3{0%,to{transform:translate(0) scale(1)}25%{transform:translate(15px,25px) scale(1.02)}50%{transform:translate(-20px,-20px) scale(.98)}75%{transform:translate(10px,15px) scale(1.01)}}.shooting-stars-container{position:absolute;width:100%;height:100%;overflow:visible;z-index:6}.satellite-container{position:absolute;bottom:8%;left:0;width:100%;height:0;pointer-events:none;z-index:7;--sat-duration: 12s;--sat-delay: 0s}.satellite-dot{position:absolute;left:-20vw;width:8px;height:8px;border-radius:50%;background:#fffffffa;box-shadow:0 0 6px #ffffffd9,0 0 14px #b4c8ff1f;transform-origin:center;opacity:0;will-change:transform,opacity,filter;filter:blur(2px);animation:satelliteDotFly var(--sat-duration) linear infinite;animation-delay:var(--sat-delay)}@keyframes satelliteDotFly{0%{transform:translate3d(-20vw,0,0) scale(.35);opacity:0;filter:blur(3px);box-shadow:0 0 4px #ffffff8c}6%{opacity:1}45%{transform:translate3d(28vw,-24vh,0) scale(1);filter:blur(0px);box-shadow:0 0 10px #fffffff2,0 0 22px #c8dcff40}85%{opacity:1}to{transform:translate3d(130vw,-88vh,0) scale(.7);opacity:0;filter:blur(1px);box-shadow:0 0 6px #fff9}}.shooting-star{position:fixed;width:3px;height:3px;background:radial-gradient(circle,#fff,#ffffc899);border-radius:50%;box-shadow:0 0 15px #ffffc8cc,0 0 30px #ffc86466;animation:meteorPath var(--duration, 2s) linear forwards;z-index:6}.meteor-trail{position:fixed;height:2px;background:linear-gradient(90deg,rgba(255,255,200,.8) 0%,rgba(255,200,100,.4) 40%,rgba(255,150,50,.2) 70%,transparent 100%);animation:meteorPath var(--duration, 2s) linear forwards;transform-origin:right center;z-index:5}@keyframes meteorPath{0%{left:var(--start-x);top:var(--start-y);opacity:0}5%{opacity:1}95%{opacity:1}to{left:var(--end-x);top:var(--end-y);opacity:0}}@keyframes meteorGlow{0%,to{filter:drop-shadow(0 0 10px rgba(255,255,200,.8))}50%{filter:drop-shadow(0 0 20px rgba(255,200,100,.9))}}.shooting-star{animation:meteorPath var(--duration, 2s) linear forwards,meteorGlow var(--duration, 2s) ease-in-out forwards}@media(max-width:768px){.nebula{filter:blur(40px)}.nebula-1,.nebula-2,.nebula-3,.nebula-4{opacity:.08}.star-foreground{filter:drop-shadow(0 0 2px rgba(255,255,255,.4))}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);padding:20px 40px}.navbar.scrolled{background:#0009;border-bottom:1px solid rgba(255,255,255,.1);padding:15px 40px;box-shadow:0 4px 15px #0000004d}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:center;align-items:center;position:relative;gap:40px}.logo{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s ease}.logo:hover{text-shadow:0 0 15px rgba(255,255,255,.4)}.logo-icon{font-size:1.5rem;animation:rotate 10s linear infinite}.nav-links{display:flex;list-style:none;gap:20px}.nav-link{position:relative;background:none;border:none;outline:none;color:#fff;font-size:.9rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:5px 0}.nav-link:hover{color:#fffc}.nav-link:focus{outline:none}.nav-link.active{color:#fff;background:none;border:none}.nav-indicator{position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:#fff;border-radius:1px;animation:slideInLeft .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{transform:scaleX(0);transform-origin:right}to{transform:scaleX(1);transform-origin:right}}@media(max-width:768px){.navbar{padding:15px 20px}.navbar.scrolled{padding:12px 20px}.nav-container{flex-wrap:wrap}.logo{font-size:1rem}.nav-links{flex-direction:column;gap:15px;width:100%;margin-top:20px;order:3;display:none}.navbar.scrolled .nav-links{display:none}.cta-button{padding:8px 20px;font-size:.75rem}.nav-decoration{display:none}}@media(max-width:480px){.navbar{padding:12px 16px}.navbar.scrolled{padding:10px 16px}.logo{font-size:.9rem}.cta-button{padding:6px 16px;font-size:.7rem}.nav-links{gap:10px}}.scroll-cue{position:fixed;bottom:50px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none;opacity:0;transition:opacity .4s ease-out;display:none}.scroll-cue-inner{display:flex;flex-direction:column;align-items:center;gap:12px}.scroll-text{font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;color:#fff9;font-weight:500;animation:fadeInOutText 3s ease-in-out infinite}@keyframes fadeInOutText{0%,to{opacity:.4}50%{opacity:.9}}.scroll-indicator-lines{display:flex;flex-direction:column;gap:4px;height:24px}.line{display:block;width:2px;height:6px;background:#ffffff80;border-radius:1px}@keyframes scrollPulse{0%,to{height:6px;opacity:.5;transform:translateY(0)}50%{height:10px;opacity:1;transform:translateY(-2px)}}@media(max-width:768px){.scroll-cue{bottom:30px}.scroll-text{font-size:.65rem;letter-spacing:1px}.line{width:1.5px;height:5px}}@media(max-width:480px){.scroll-cue{display:none}}.scroll-to-top{transition:all .3s ease-in-out;animation:slideUp .4s ease-out}.scroll-to-top:hover{box-shadow:0 0 30px #0ea5e999;border-color:#0ea5e9;transform:scale(1.1)}.scroll-to-top:active{transform:scale(.95)}.scroll-to-top svg{transition:transform .3s ease}.scroll-to-top:hover svg{transform:translateY(-4px)}@keyframes slideUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.scroll-to-top{bottom:1rem!important;right:1rem!important;width:3rem!important;height:3rem!important}.scroll-to-top svg{width:.75rem!important}}.glass-button{position:relative;padding:14px 40px;background:transparent;border:2px solid rgba(255,255,255,.4);border-radius:50px;font-size:.95rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;overflow:hidden;z-index:10;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;color:#fffffff2}.glass-button:hover{background:transparent;border-color:#fff9;box-shadow:none;transform:translateY(-3px)}.glass-button:active{transform:translateY(-1px);box-shadow:none}.glass-button-primary{background:transparent;border-color:#fff6;color:#fff}.glass-button-primary:hover{background:transparent;border-color:#fff9;box-shadow:none}.glass-button-secondary{background:transparent;border-color:#ffffff59;color:#fffffff2}.glass-button-secondary:hover{background:transparent;border-color:#ffffff8c;box-shadow:none}.button-text{color:inherit;position:relative;z-index:40}.button-label-primary,.glass-button-primary .button-label-primary,.glass-button-secondary .button-label-primary,.button-label-secondary,.glass-button-primary .button-label-secondary,.glass-button-secondary .button-label-secondary,.glass-button:hover .button-label-primary,.glass-button:hover .button-label-secondary,.button-wave{display:none}@media(max-width:768px){.glass-button{padding:12px 30px;font-size:.85rem;letter-spacing:1px}.button-label-primary,.button-label-secondary{font-size:.85rem}}@media(max-width:480px){.glass-button{padding:10px 24px;font-size:.75rem;letter-spacing:.5px;border-radius:40px}.button-label-primary,.button-label-secondary{font-size:.75rem}}.glass-button:focus{outline:2px solid rgba(255,255,255,.4);outline-offset:2px}.glass-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.glass-button:disabled:hover{background:transparent;border-color:#ffffff4d;box-shadow:none}.social-buttons-wrapper{position:absolute;right:-72px;top:50%;transform:translateY(-50%);z-index:50}.social-backdrop{position:absolute;inset:0;background:#0003;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #1f26871a;padding:12px}.social-buttons-container{position:relative;display:flex;flex-direction:column;gap:16px;padding:12px}.social-button{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(255,255,255,.2);cursor:pointer;clip-path:url(#squircleClip);text-decoration:none}.social-button svg{width:32px;height:32px;color:#fff}.social-icon{width:32px;height:32px;object-fit:contain}.social-button.github,.social-button.linkedin{background:linear-gradient(135deg,#374151,#1f2937);box-shadow:0 8px 16px #0000004d;border-color:#6b728080}.social-button:hover{opacity:.9}.social-button:active{opacity:.8}@media(max-width:768px){.social-buttons-wrapper{position:absolute;inset:auto auto 20px 50%;transform:translate(-50%);z-index:50}.social-backdrop{position:absolute;inset:0;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #1f26871a;padding:8px}.social-buttons-container{position:relative;display:flex;flex-direction:row;justify-content:center;gap:12px;padding:8px}.social-button{width:48px;height:48px;border-radius:14px}.social-button svg{width:24px;height:24px}}@media(max-width:480px){.social-buttons-wrapper{bottom:16px}.social-button{width:44px;height:44px;border-radius:12px}.social-button svg{width:20px;height:20px}}.music-switch-wrapper{position:relative;z-index:100;pointer-events:auto}.toggleSwitch{width:50px;height:50px;position:relative;display:flex;align-items:center;justify-content:center;background-color:#272727;border-radius:50%;cursor:pointer;transition-duration:.3s;box-shadow:2px 2px 10px #00000021;overflow:hidden}#checkboxInput{display:none}.speaker{width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;transition-duration:.3s}.speaker svg{width:18px}.mute-speaker{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;z-index:3;transition-duration:.3s}.mute-speaker svg{width:18px}#checkboxInput:checked+.toggleSwitch .speaker{opacity:0;transition-duration:.3s}#checkboxInput:checked+.toggleSwitch .mute-speaker{opacity:1;transition-duration:.3s}#checkboxInput:active+.toggleSwitch{transform:scale(.7)}#checkboxInput:hover+.toggleSwitch{background-color:#3d3d3d}@media(max-width:768px){.music-switch-wrapper{position:relative;margin:8px auto 0;display:flex;justify-content:center;width:100%}.toggleSwitch{width:45px;height:45px}.speaker svg,.mute-speaker svg{width:16px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;padding:40px 20px;z-index:1;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.hero-content{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:40px;z-index:2;max-width:1200px;margin:0 auto}.planets-container{position:absolute;width:500px;height:500px;top:50%;right:5%;transform:translateY(-50%);z-index:0}.orbit{position:absolute;width:100%;height:100%;border:1px solid rgba(255,255,255,.1);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.planet{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffc,#fff3);box-shadow:0 0 30px #ffffff4d,inset -2px -2px 10px #00000080;filter:drop-shadow(0 0 10px rgba(255,255,255,.4))}.orbit-1{width:250px;height:250px;animation:orbitSmall 15s linear infinite}.planet-small{width:25px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}.orbit-2{width:350px;height:350px;animation:orbitMedium 20s linear infinite reverse;animation-delay:2s}.planet-medium{width:40px;height:40px;position:absolute;top:0;left:50%;transform:translate(-50%)}.orbit-3{width:450px;height:450px;animation:orbitLarge 25s linear infinite;animation-delay:5s}.planet-large{width:55px;height:55px;position:absolute;top:0;left:50%;transform:translate(-50%)}.text-content{position:relative;z-index:3;flex:1;max-width:600px;text-align:left;transform:translate(80px)}.video-container{position:relative;flex:1;display:flex;justify-content:center;align-items:center;z-index:3;min-height:500px;overflow:visible;width:100%;max-width:500px}.profile-float{position:absolute;z-index:1;transform:translate(-80px) translateY(32px);transition:transform .4s ease-out;animation:floatY 6s ease-in-out infinite alternate}.profile-video{width:100%;height:auto;max-width:390px;object-fit:contain;animation:slideInRight .8s ease-out;filter:drop-shadow(0 0 30px rgba(255,255,255,.2));display:block;position:relative;z-index:1;transition:opacity .3s ease-out}.video-container:has(.profile-overlay-img.hovered) .profile-video{opacity:0;pointer-events:none}.profile-overlay-img{width:100%;height:auto;max-width:370px;object-fit:contain;display:block;position:absolute;transform:translate(-120px) translateY(40px);z-index:2;opacity:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transform:scale(.95)}.profile-overlay-img.hovered{opacity:1;transform:scale(1)}@keyframes doubleFlash{0%{opacity:0}10%{opacity:.75}15%{opacity:0}20%{opacity:.75}25%{opacity:0}to{opacity:0}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes floatY{0%{transform:translate(-80px) translateY(24px)}to{transform:translate(-80px) translateY(40px)}}.hero-title{font-size:clamp(3rem,10vw,5rem);font-weight:700;margin-bottom:20px;letter-spacing:2px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3);line-height:1.2;min-height:100px}.cursor{animation:blink 1s ease-in-out infinite;font-weight:700}.role-switcher{height:40px;margin:12px 0;position:relative;display:flex;align-items:center;justify-content:center;width:100%}.hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:300;color:#fffc;letter-spacing:1px;text-transform:uppercase;position:absolute;width:100%;animation:fadeInOut 4s ease-in-out infinite}@keyframes fadeInOut{0%,10%{opacity:0}20%,80%{opacity:1}90%,to{opacity:0}}.hero-description{font-size:1.1rem;color:#ffffffb3;max-width:600px;margin:40px 0;line-height:1.8;font-weight:300}.cta-buttons{display:flex;gap:20px;justify-content:flex-start;flex-wrap:wrap;margin-top:50px}@media(max-width:768px){.hero{min-height:100vh;padding:60px 20px 40px;display:flex;align-items:center;justify-content:center}.hero-content{flex-direction:column;gap:16px;align-items:center;justify-content:center;width:100%;max-width:100%;margin:0 auto;padding:0 16px}.text-content{text-align:center;width:100%;transform:translate(0);display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-title{font-size:clamp(5rem,22vw,6.5rem);margin-bottom:0;margin-top:40px}.role-switcher{margin:-8px 0 0;height:32px}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:.95rem;max-width:100%;margin:20px 0}.video-container{min-height:auto;width:100%;display:flex;justify-content:center;align-items:center}.profile-float{position:relative;transform:translate(1px) translateY(0);animation:none;margin-top:0;width:100%;display:flex;justify-content:center}.profile-video{max-width:280px;width:70%;height:auto;display:block}.planets-container{display:none}.cta-buttons{flex-direction:row;align-items:center;justify-content:center;width:100%;gap:12px;margin-top:24px}.btn{width:auto;max-width:none}}@media(max-width:480px){.hero{min-height:100vh;padding:50px 16px 30px}.hero-content{padding:0 8px;gap:12px}.hero-title{font-size:clamp(1.5rem,6vw,2.2rem);margin-bottom:4px}.hero-subtitle{font-size:1rem}.hero-description{font-size:.9rem;margin:16px 0}.profile-video{max-width:220px;width:65%}.profile-float{transform:translate(1px) translateY(0);animation:none}.cta-buttons{gap:10px;margin-top:16px}.btn{max-width:none;padding:12px 20px;font-size:.9rem}}.about{position:relative;min-height:100vh;padding:80px 40px;z-index:1;display:flex;flex-direction:column;justify-content:center;overflow-x:hidden}.about .section-header{display:block;text-align:center;margin-bottom:60px;position:relative;width:100%}.about .section-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:700;letter-spacing:2px;margin-bottom:20px;text-shadow:0 0 20px rgba(255,255,255,.2);margin-left:auto;margin-right:auto;display:inline-block}.title-underline{width:100px;height:3px;background:linear-gradient(90deg,transparent,white,transparent);margin:6px auto 0;animation:expandWidth .8s ease-out forwards;display:block}.about-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text{display:flex;flex-direction:column;gap:20px}.about-text p{font-size:1.1rem;line-height:1.8;color:#fffc;font-weight:300}.about-text p.slide-up{animation:slideUp .8s ease-out forwards}.achievements-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.achievement-card{position:relative;padding:30px;border:2px solid rgba(255,255,255,.3);border-radius:10px;background:#0000004d;box-shadow:0 4px 15px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.achievement-card.slide-up{animation:slideUp .8s ease-out forwards}.achievement-card:hover{border-color:#ffffff80;background:#00000080;transform:translateY(0);box-shadow:0 8px 25px #00000080}.achievement-icon{font-size:2.5rem;margin-bottom:15px;display:inline-block}.achievement-card h3{font-size:1.3rem;margin-bottom:10px;font-weight:600;letter-spacing:1px}.achievement-card p{font-size:.95rem;color:#fff9;font-weight:300}.card-glow{position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1),transparent);border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s ease}.achievement-card:hover .card-glow{opacity:1;animation:moveGlow 3s ease-in-out infinite}.constellation{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);pointer-events:none;opacity:.2}.constellation-line{position:absolute;top:50%;left:50%;width:150px;height:2px;background:linear-gradient(90deg,transparent,white,transparent);transform-origin:0 0;--line-angle: 0deg;transform:translate(-50%,-50%) rotate(var(--line-angle))}.constellation-star{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;top:50%;left:50%;--star-angle: 0deg;transform:rotate(var(--star-angle)) translateY(-150px) translate(-50%);box-shadow:0 0 10px #fff9;animation:pulse 2s ease-in-out infinite}.constellation-star:nth-child(5){animation-delay:.2s}.constellation-star:nth-child(6){animation-delay:.4s}.constellation-star:nth-child(7){animation-delay:.6s}.constellation-star:nth-child(8){animation-delay:.8s}.constellation-star:nth-child(9){animation-delay:1s}@media(max-width:768px){.about{padding:60px 20px}.about .section-header{text-align:center;margin-bottom:40px}.about .section-title{font-size:clamp(1.8rem,6vw,2.2rem)}.about .about-container{grid-template-columns:1fr;gap:40px}.about .achievements-grid{grid-template-columns:1fr;gap:20px}.about .constellation{display:none}}@media(max-width:480px){.about{padding:40px 16px}.about .section-header{margin-bottom:30px}.about .section-title{font-size:clamp(1.4rem,5vw,1.8rem)}.about .about-text{font-size:.95rem;line-height:1.6}.about .achievements-grid{grid-template-columns:1fr;gap:16px}.about .achievement-card{padding:20px}}.skills-new{position:relative;min-height:100vh;padding:80px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;z-index:1;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.skills-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.skills-container{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto}.skills-header{text-align:center;margin-bottom:70px;animation:fadeInDown .8s ease-out}.skills-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;letter-spacing:2px;margin:0 0 20px;color:#fff;text-shadow:0 0 30px rgba(100,200,255,.2);opacity:0}.skills-title.visible{animation:fadeInDown .8s ease-out forwards}.skills-subtitle{font-size:1rem;color:#fff9;letter-spacing:1px;margin:0;opacity:0}.skills-subtitle.visible{animation:fadeInUp .8s ease-out .2s forwards}.skills-sections{display:flex;flex-direction:column;gap:60px}.skill-section{opacity:0;transform:translateY(20px)}.skill-section.visible{animation:fadeInUp .8s ease-out forwards}.section-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.section-title{font-size:1.8rem;font-weight:700;color:#fff;margin:0;letter-spacing:1px;white-space:nowrap}.section-divider{flex:1;height:2px;background:linear-gradient(90deg,rgba(100,200,255,.5),rgba(100,200,255,.1),transparent)}.skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.skill-card{padding:24px;background:#ffffff0a;border:1px solid rgba(100,200,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(10px)}.skill-card.visible{animation:fadeInUp .6s ease-out forwards}.skill-card:hover{background:#64c8ff14;border-color:#64c8ff66;transform:translateY(-4px);box-shadow:0 8px 24px #64c8ff26}.skill-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.skill-name{font-size:1.1rem;font-weight:700;color:#fff;margin:0;letter-spacing:.5px}.proficiency-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.5px;white-space:nowrap;text-transform:uppercase;transition:all .3s ease}.proficiency-expert{background:#4caf5033;border:1px solid rgba(76,175,80,.4);color:#4caf50e6}.proficiency-advanced{background:#64c8ff33;border:1px solid rgba(100,200,255,.4);color:#64c8ffe6}.proficiency-intermediate{background:#ffc10733;border:1px solid rgba(255,193,7,.4);color:#ffc107e6}.proficiency-beginner{background:#c8c8c80f;border:1px solid rgba(200,200,200,.08);color:#c8c8c8e6}.skill-card:hover .proficiency-badge{transform:scale(1.1)}.skill-description{font-size:.9rem;line-height:1.6;color:#ffffffb3;margin:0;font-weight:400}@media(max-width:768px){.skills-new{padding:60px 20px}.skill-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.skills-title,.skills-subtitle,.skill-section,.skill-card{animation:none!important;opacity:1!important;transform:none!important}.section-header{text-align:center;margin-bottom:40px}.section-title{font-size:clamp(1.8rem,6vw,2rem)}.category-filter{justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:40px}.filter-btn{padding:10px 20px;font-size:.85rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.node-core{width:90px;height:90px}.skill-name{font-size:.85rem}.skill-modal{padding:30px;border-radius:16px}.modal-header h3{font-size:1.5rem}}@media(max-width:480px){.skills-new{padding:40px 16px;min-height:auto}.section-header{margin-bottom:30px}.section-title{font-size:clamp(1.4rem,5vw,1.8rem)}.category-filter{gap:8px;margin-bottom:30px}.filter-btn{padding:8px 14px;font-size:.75rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:16px}.node-core{width:75px;height:75px}.skill-name{font-size:.75rem}.skill-modal{width:90vw;padding:20px}.modal-header h3{font-size:1.3rem}.modal-close{width:28px;height:28px;font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.skill-node,.filter-btn,.orb,.ring,.core-glow,.particle,*{animation:none!important;transition:all .1s linear!important}.orbital-rings{animation:none}}.projects{position:relative;min-height:100vh;padding:80px 40px;z-index:1;display:flex;flex-direction:column;justify-content:center}.section-header{text-align:center;margin-bottom:60px;position:relative}.header-with-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px;width:100%}.github-logo{color:#fff;margin-right:8px;animation:none!important;transform:none!important}.section-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:700;letter-spacing:2px;text-shadow:0 0 20px rgba(255,255,255,.2);margin:0;text-align:center;display:inline-block}.title-underline{display:none}.header-with-logo{transform:none;flex-direction:row}.header-with-logo .github-logo{order:0;margin-right:8px}.header-with-logo .section-title{order:1}@keyframes expandWidth{0%{width:0}to{width:100px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.projects-container{max-width:1400px;margin:0 auto;position:relative;z-index:2;width:100%}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:#fff9;font-size:1.1rem}.github-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.github-project-card{position:relative;padding:24px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;gap:16px;height:100%}.github-project-card.slide-up{animation:slideUp .8s ease-out forwards;opacity:0}.github-project-card:hover{background:#ffffff0d;border-color:#64c8ff4d;transform:translateY(-8px);box-shadow:0 12px 32px #64c8ff26}.card-hover-glow{position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(100,200,255,.1),transparent);border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:-1}.github-project-card:hover .card-hover-glow{opacity:1;animation:moveGlow 3s ease-in-out infinite}@keyframes moveGlow{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}.github-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.github-project-name{font-size:1.2rem;font-weight:600;color:#fff;margin:0;word-break:break-word;flex:1;transition:color .3s ease}.github-project-card:hover .github-project-name{color:#64c8ffe6}.github-links{display:flex;gap:8px}.github-icon-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;transition:all .2s ease;text-decoration:none;cursor:pointer}.github-icon-link:hover{background:#64c8ff26;border-color:#64c8ff4d;color:#fff}.github-icon-link svg{width:18px;height:18px}.github-project-description{font-size:.95rem;color:#ffffffb3;line-height:1.5;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.github-project-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);font-size:.85rem}.language-badge{display:flex;align-items:center;gap:8px;color:#fff9}.language-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.project-stats{display:flex;gap:16px}.stat{display:flex;align-items:center;gap:6px;color:#fff9;transition:color .3s ease;font-size:.85rem}.github-project-card:hover .stat{color:#fffc}.stat svg{opacity:.6}.github-topics{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.github-topic{display:inline-block;padding:4px 10px;background:#64c8ff14;border:1px solid rgba(100,200,255,.15);border-radius:12px;font-size:.75rem;color:#64c8ffb3;transition:all .2s ease}.github-project-card:hover .github-topic{background:#64c8ff1f;border-color:#64c8ff40;color:#64c8ffd9}.no-projects{text-align:center;padding:60px 20px;color:#ffffff80}.github-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.github-modal{position:relative;background:#141e32f2;border:1px solid rgba(100,200,255,.2);border-radius:16px;padding:40px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #64c8ff33,inset 0 1px #ffffff1a;animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;cursor:pointer;padding:8px 14px;border-radius:8px;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.github-modal-content{display:flex;flex-direction:column;gap:24px}.modal-header-github{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-header-github h3{font-size:1.8rem;font-weight:600;color:#fff;margin:0;flex:1;word-break:break-word}.modal-github-link{display:inline-block;padding:8px 16px;background:#64c8ff1a;border:1px solid rgba(100,200,255,.3);color:#64c8ffe6;text-decoration:none;border-radius:8px;transition:all .2s ease;white-space:nowrap;font-size:.9rem;font-weight:500;position:relative;right:42px}.modal-github-link:hover{background:#64c8ff33;border-color:#64c8ff80;color:#fff}.modal-description-github{color:#ffffffb3;line-height:1.6;font-size:1rem;margin:0}.modal-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:16px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-label{font-size:.85rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.detail-value{font-size:1.1rem;color:#fff;font-weight:600}.modal-topics{padding-top:8px}.modal-topics h4{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-weight:600}.topics-list{display:flex;flex-wrap:wrap;gap:8px}.topic-badge{display:inline-block;padding:6px 12px;background:#64c8ff1a;border:1px solid rgba(100,200,255,.2);border-radius:16px;font-size:.85rem;color:#64c8ffcc;transition:all .2s ease}.topic-badge:hover{background:#64c8ff26;border-color:#64c8ff59;color:#64c8fff2}@media(max-width:768px){.projects{padding:60px 20px}.section-header{margin-bottom:40px;text-align:center}.header-with-logo{flex-direction:column;gap:12px;align-items:center;justify-content:center}.github-logo{width:32px;height:32px}.section-title{font-size:clamp(1.8rem,6vw,2rem)}.title-underline{margin:12px auto 0}.github-projects-grid{grid-template-columns:1fr;gap:16px}.github-project-card{padding:20px}.github-project-name{font-size:1.1rem}.github-project-description{font-size:.9rem}.github-modal{width:95%;padding:24px}.modal-details{grid-template-columns:1fr}}@media(max-width:480px){.projects{padding:40px 16px}.section-header{margin-bottom:30px}.section-title{font-size:clamp(1.4rem,5vw,1.8rem)}.github-projects-grid{grid-template-columns:1fr;gap:12px}.github-project-card{padding:16px;border-radius:12px}.github-card-header{flex-direction:column;gap:10px}.github-project-name{font-size:1rem}.github-project-meta{flex-direction:column;gap:8px}.project-stats{gap:12px}.modal-header-github{flex-direction:column;gap:12px}.modal-header-github h3{font-size:1.4rem}.modal-github-link{width:100%;text-align:center;right:0;padding:10px 12px;font-size:.85rem}.github-modal{width:95%;padding:18px;max-height:85vh}.github-icon-link{width:24px;height:24px}}.asteroids{position:absolute;width:100%;height:100%;pointer-events:none;opacity:.2;z-index:1}.asteroid{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff9,#fff3);box-shadow:0 0 15px #ffffff4d;--asteroid-size: 30px;width:var(--asteroid-size);height:var(--asteroid-size);--asteroid-delay: 0s}.asteroid:nth-child(1){top:5%;left:5%;animation:float 12s ease-in-out infinite;animation-delay:var(--asteroid-delay)}.asteroid:nth-child(2){top:20%;right:10%;animation:float 14s ease-in-out infinite reverse;animation-delay:var(--asteroid-delay)}.asteroid:nth-child(3){bottom:15%;left:15%;animation:float 11s ease-in-out infinite;animation-delay:var(--asteroid-delay)}.asteroid:nth-child(4){bottom:10%;right:20%;animation:float 13s ease-in-out infinite reverse;animation-delay:var(--asteroid-delay)}.asteroid:nth-child(5){top:40%;left:10%;animation:float 15s ease-in-out infinite;animation-delay:var(--asteroid-delay)}.asteroid:nth-child(6){top:50%;right:15%;animation:float 10s ease-in-out infinite reverse;animation-delay:var(--asteroid-delay)}@media(max-width:768px){.projects{padding:60px 20px}.project-card{height:350px}.projects-grid{grid-template-columns:1fr;gap:30px}.project-inner.flipped{transform:none}.project-back{transform:none;display:none}.project-card:active .project-back{display:flex}.project-card:active .project-front,.asteroids{display:none}}.project-modal-overlay{display:none}.github-popup-overlay{position:absolute;inset:0;z-index:9999}.github-popup{position:absolute;transform:none;background:linear-gradient(135deg,#3264961f,#6432960f);border:1px solid rgba(100,200,255,.18);border-radius:12px;padding:20px;width:520px;max-width:90%;box-shadow:0 8px 24px #0009,0 0 30px #64c8ff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;cursor:pointer;padding:5px 12px;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:#fff3;border-color:#fff6}.modal-content{display:flex;flex-direction:column;gap:15px}.modal-header{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.modal-header h3{font-size:1.8rem;font-weight:600;color:#fff;margin:0}.modal-description{color:#fffc;line-height:1.6;font-size:1rem}.modal-tags{display:flex;flex-wrap:wrap;gap:10px}.modal-tag{background:#64c8ff1a;border:1px solid rgba(100,200,255,.3);color:#64c8ffcc;padding:6px 12px;border-radius:20px;font-size:.85rem}.modal-links{display:flex;gap:15px;margin-top:15px;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.modal-link{flex:1;padding:10px 15px;background:#64c8ff1a;border:1px solid rgba(100,200,255,.3);color:#64c8ffcc;text-decoration:none;border-radius:8px;text-align:center;transition:all .2s ease}.modal-link:hover{background:#64c8ff33;border-color:#64c8ff80;color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact{position:relative;min-height:100vh;padding:100px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;z-index:1}.contact-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.gradient-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(100,200,255,.4),transparent 70%);top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.gradient-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(138,43,226,.3),transparent 70%);bottom:-150px;left:-150px;animation:none}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.contact-wrapper{position:relative;z-index:2;width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center}.section-header{margin-bottom:80px;position:relative;width:100%;animation:fadeInDown .8s ease-out}.contact .section-header{text-align:center}.contact .section-title{display:inline-block;font-size:clamp(2.5rem,8vw,4rem);font-weight:800;letter-spacing:-1px;color:#fffffff2;text-shadow:0 0 30px rgba(100,200,255,.2);text-align:center;margin:0 auto 16px}.section-subtitle{font-size:clamp(.95rem,2.5vw,1.2rem);color:#fff9;line-height:1.6;max-width:600px;margin:0 auto 24px;opacity:0}.section-subtitle.fade-in-delay{animation:fadeInUp .8s ease-out .2s forwards}.title-underline{width:80px;height:3px;background:linear-gradient(90deg,transparent,rgba(100,200,255,.8),transparent);margin:0 auto;animation:expandWidth .8s ease-out;border-radius:2px}@keyframes expandWidth{0%{width:0}to{width:80px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact .new-contact-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%}.contact .new-contact-header .section-title{display:block;margin:0;padding:0}.contact .new-contact-header .title-underline{margin:8px auto 0;width:90px}.contact .new-contact-header .section-subtitle{margin:0;max-width:760px;color:#ffffffa6;text-align:center}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;margin-bottom:60px;opacity:0}.contact-grid.fade-in{animation:fadeIn .8s ease-out .2s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 30px;text-decoration:none;color:#fff;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:translateY(20px)}.contact-card.slide-in{animation:slideInCard .6s ease-out forwards}@keyframes slideInCard{to{opacity:1;transform:translateY(0)}}.contact-card:nth-child(1){animation-delay:.1s}.contact-card:nth-child(2){animation-delay:.2s}.contact-card:nth-child(3){animation-delay:.3s}.contact-card:nth-child(4){animation-delay:.4s}.card-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.15);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .4s ease;z-index:-1}.card-border{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--card-color, rgba(100, 200, 255, .5)) 0%,transparent 100%);opacity:0;border-radius:20px;pointer-events:none;transition:opacity .4s ease;z-index:-1}.contact-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003,0 0 60px #64c8ff26,inset 0 1px #fff3}.contact-card:hover .card-gradient{background:linear-gradient(135deg,#64c8ff26,#64c8ff0d);border-color:#64c8ff66}.contact-card:hover .card-border{opacity:.6}.card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;width:100%}.card-icon-wrapper{position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.card-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:all .4s ease;color:#fff;width:70px;height:70px}.card-icon svg{width:50px;height:50px;color:inherit;transition:all .4s ease}.contact-card:hover .card-icon svg{transform:scale(1.2)}.icon-glow{position:absolute;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,var(--card-color, rgba(100, 200, 255, .4)),transparent 70%);opacity:0;transition:opacity .4s ease;filter:blur(12px)}.contact-card:hover .card-icon{transform:scale(1.15) rotate(5deg)}.contact-card:hover .icon-glow{opacity:1;animation:pulseGlow 1.5s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.3}}.card-info{display:flex;flex-direction:column;gap:8px}.card-label{font-size:.85rem;text-transform:uppercase;letter-spacing:2px;color:#64c8ffcc;font-weight:700}.card-value{font-size:1.05rem;color:#fffffff2;font-weight:500;word-break:break-word;line-height:1.4;transition:all .3s ease}.contact-card:hover .card-value{color:#fff}.card-arrow{position:absolute;bottom:20px;right:20px;font-size:1.5rem;color:#64c8ff66;transition:all .4s cubic-bezier(.34,1.56,.64,1);opacity:0}.contact-card:hover .card-arrow{opacity:1;color:#64c8ffe6;transform:translate(8px,-8px)}.cta-section{display:flex;align-items:center;justify-content:center;gap:30px;width:100%;margin-top:80px;opacity:1;z-index:3}.cta-section.fade-in{animation:fadeInUp .8s ease-out .4s forwards}.status-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(100,200,255,.5),transparent);max-width:200px;animation:none;opacity:1}@keyframes expandLine{0%{max-width:0;opacity:0}to{max-width:200px;opacity:1}}.status-content{display:flex;align-items:center;gap:16px;position:relative;z-index:1;animation:none;opacity:1}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.status-pulse{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;width:100%;height:100%;border:2px solid rgba(34,197,94,.5);border-radius:50%;animation:pulse-expand 2s ease-out infinite}.pulse-ring-1{animation-delay:0s}.pulse-ring-2{animation-delay:.5s}@keyframes pulse-expand{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}.status-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 0 20px #22c55e,inset 0 0 10px #ffffff4d;z-index:2;animation:dot-glow 2s ease-in-out infinite}@keyframes dot-glow{0%,to{box-shadow:0 0 20px #22c55e,inset 0 0 10px #ffffff4d}50%{box-shadow:0 0 30px #22c55ecc,inset 0 0 5px #ffffff80}}.status-text-wrapper{display:flex;flex-direction:column;gap:4px;text-align:left}.status-text-main{font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:.5px}@keyframes textGlow{0%,to{filter:drop-shadow(0 0 10px rgba(34,197,94,.3))}50%{filter:drop-shadow(0 0 20px rgba(34,197,94,.6))}}.status-text-sub{font-size:.9rem;color:#fff9;font-style:italic;letter-spacing:.3px}@media(max-width:768px){.cta-section{gap:20px;margin-top:60px}.status-line{max-width:100px}.status-text-main{font-size:1.1rem}.status-text-sub{font-size:.85rem}}@media(max-width:480px){.cta-section{flex-direction:column;gap:20px;margin-top:50px}.status-line{width:100%;max-width:100%}.status-text-wrapper{text-align:center}.status-text-main{font-size:1.1rem}.status-text-sub{font-size:.85rem}}@media(max-width:768px){.contact{padding:60px 20px}.section-header{text-align:center;margin-bottom:50px}.section-title{font-size:clamp(1.8rem,6vw,2.2rem)}.section-subtitle{font-size:clamp(.95rem,2.5vw,1.1rem);color:#fff9;margin:0 auto;text-align:center;max-width:100%}.title-underline{margin:12px auto 0}.contact-grid{grid-template-columns:1fr;gap:16px;margin-bottom:40px}.contact-card{padding:28px 24px;border-radius:16px}.card-icon{font-size:1.8rem}.card-icon-wrapper,.icon-glow{width:56px;height:56px}.card-label{font-size:.75rem;letter-spacing:1.2px}.card-value{font-size:.95rem}.cta-section{flex-direction:column;padding:28px 20px;gap:16px}.status-text{font-size:.9rem}}@media(max-width:480px){.contact{padding:50px 16px;min-height:auto}.section-header{margin-bottom:40px}.section-title{font-size:clamp(1.4rem,5vw,1.8rem)}.section-subtitle{font-size:.9rem;line-height:1.5}.title-underline{width:50px}.contact-grid{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.contact-card{padding:20px 16px;border-radius:12px}.card-gradient,.card-border{border-radius:12px}.card-icon{font-size:1.6rem}.card-icon-wrapper,.icon-glow{width:48px;height:48px}.card-label{font-size:.7rem;letter-spacing:1px}.card-value{font-size:.9rem}.card-arrow{bottom:12px;right:12px;font-size:1.1rem;opacity:.6!important}.cta-section{padding:24px 16px;border-radius:16px}.status-dot{width:10px;height:10px}.status-text{font-size:.85rem}.availability-message{font-size:.8rem}}