@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap";.navbar{background:#0a192fe6;position:fixed;left:0;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none}@media (min-width: 769px){.navbar{width:250px;min-height:100vh;border-right:1px solid rgba(100,255,218,.1);box-shadow:none}.navbar-content{height:100vh;padding:6rem 0;flex-direction:column;justify-content:center;align-items:center}.logo{margin-bottom:4rem}.nav-links{flex-direction:column;width:100%}.nav-links a{width:100%;padding:1rem 2rem;text-align:center;border-radius:0;position:relative;transition:all .3s ease}.nav-links a:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#64ffda;transform:scaleY(0);transition:transform .3s ease}.nav-links a:hover{background:#64ffda0d;color:#64ffda;padding-left:2.5rem}.nav-links a:hover:before{transform:scaleY(1)}.hamburger{display:none}}@media (max-width: 768px){.navbar{width:100%;min-height:80px;border-bottom:1px solid rgba(100,255,218,.1);box-shadow:none}.navbar-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.hamburger{display:flex;z-index:100}.nav-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:#0a192ff2;flex-direction:column;justify-content:center;transition:right .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-links.active{right:0}}.navbar-content{display:flex;align-items:center}.logo{width:60px;height:60px;background:linear-gradient(45deg,#64ffda,#64b6ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#0a192f;cursor:pointer;transition:all .3s ease}.logo:hover{transform:translateY(-3px)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:#ccd6f6;text-decoration:none;font-size:1.1rem;font-weight:500;transition:all .3s ease;position:relative}.nav-links a:hover{color:#64ffda}.hamburger{cursor:pointer;padding:10px;z-index:100;border:none;background:none}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:30px;height:2px;background-color:#64ffda;position:absolute;transition:transform .15s ease}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger.active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger.active .hamburger-inner:before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms ease .12s}.hamburger.active .hamburger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s}.hello-text,.name{font-family:Caveat Brush,cursive}.resume-download-btn{display:inline-block;margin-top:1.2rem;padding:1rem 2.2rem;background:transparent;border:2px solid #64ffda;color:#64ffda;font-size:1.1rem;font-weight:700;text-decoration:none;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 2px 8px #64ffda22;letter-spacing:.5px}.resume-download-btn:hover{background:#64ffda;color:#0a192f;transform:translateY(-3px) scale(1.04);box-shadow:0 4px 15px #64ffda44;text-decoration:none}@media (max-width: 700px){.resume-download-btn{padding:.6rem 1.2rem;font-size:.93rem}}.projects-section{border-radius:16px;box-shadow:0 2px 16px #22223b12;margin:3rem auto 4rem;padding:2.5rem 1.5rem 4rem;max-width:1100px;position:relative;min-height:900px;overflow:visible}.projects-title{font-size:2.5rem;font-family:Caveat Brush,cursive;color:#64ffda;margin-bottom:5rem;text-shadow:0 0 8px #64ffda88;text-align:center}.projects-scatter{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:2.5rem 2rem;justify-items:center;align-items:stretch;width:100%;min-height:600px;position:relative;height:auto;margin-bottom:3rem}.projects-scatter.scatter-mode{position:relative;min-height:900px;width:100%}.project-card{position:relative;min-width:240px;max-width:340px;background:#ffffff14;border-radius:18px;box-shadow:0 8px 32px #1f26872e,0 2px 12px #64ffda22;padding:1.5rem 1.3rem 1.3rem;color:#ccd6f6;transition:box-shadow .3s,transform .3s,background .3s,border .3s;z-index:2;cursor:pointer;border:1.5px solid #233554;display:flex;flex-direction:column;gap:.7rem;margin-bottom:0;min-height:340px;-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);background-clip:padding-box;animation:float 3s ease-in-out infinite alternate;will-change:transform;perspective:800px}.project-card:hover{box-shadow:0 12px 48px #64ffda99,0 0 0 6px #64ffda33;background:#64ffda21;border:2.5px solid #64ffda;transform:scale(1.06) rotateY(8deg) rotateX(4deg) translateY(-12px);z-index:10}.project-card:active{transform:scale(.98) rotateY(-4deg) rotateX(-2deg)}.project-name{font-size:1.3rem;font-weight:700;color:#64ffda;margin-bottom:.2rem}.project-desc{font-size:1.01rem;color:#a9b2ce;margin-bottom:.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-tech-item{background:#64ffda21;color:#64ffda;border-radius:6px;padding:.2em .7em;font-size:.93rem;font-weight:600;letter-spacing:.2px;box-shadow:0 1px 4px #64ffda11}.project-links{display:flex;gap:1rem;margin-top:auto;justify-content:flex-start}.project-link,.project-link.github-link{display:inline-block;color:#7fcfc7;font-weight:600;text-decoration:none;transition:color .2s,background .2s,transform .2s;padding:.2em .8em;border-radius:6px;background:transparent;border:1px solid #7fcfc7;align-self:flex-start}.project-link:hover,.project-link.github-link:hover{color:#fff;background:#7fcfc7;text-decoration:none;transform:scale(1.06);border:1.5px solid #7fcfc7}.project-link.github-link{border:1px solid #8892b0;color:#8892b0}.project-link.github-link:hover{background:#8892b0;color:#fff;border:1.5px solid #8892b0}@media (max-width: 1100px){.projects-scatter{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:2rem 2rem;row-gap:2.5rem}}@media (max-width: 900px){.projects-scatter{grid-template-columns:1fr;grid-template-rows:none;gap:2rem 0;row-gap:2.5rem}.projects-scatter.scatter-mode{min-height:1200px}}@media (max-width: 700px){.projects-section{padding:.7rem .2rem 1.5rem;margin:1.2rem auto;max-width:99vw}.projects-title{font-size:2rem;margin-bottom:2rem}.projects-scatter{grid-template-columns:1fr;grid-template-rows:none;gap:1.5rem 0;row-gap:2rem}.projects-scatter.scatter-mode{position:static;min-height:unset;display:flex;flex-direction:column;align-items:center;gap:2rem}.projects-scatter.scatter-mode .project-card{position:static!important;left:unset!important;right:unset!important;top:unset!important;transform:none!important;width:95vw!important;max-width:99vw!important;margin-bottom:1.5rem;font-size:.87rem;margin-left:8px;margin-right:8px}.projects-scatter.scatter-mode .project-desc{font-size:.85rem}.project-card{min-width:90vw;max-width:98vw;font-size:.93rem}}@media (max-width: 500px){.projects-section{padding:.3rem .1rem .7rem;margin:.7rem auto;max-width:100vw}.projects-title{font-size:2.5rem;margin-bottom:1.2rem}.projects-scatter{gap:1rem}.project-card{min-width:98vw;max-width:99vw;font-size:.89rem;margin-bottom:0}.project-links{margin-top:1.4rem}}.contact-section{border-radius:16px;box-shadow:0 2px 16px #22223b12;margin:3rem auto 4rem;padding:2.5rem 1.5rem 4rem;max-width:950px;position:relative;min-height:400px;overflow:visible;text-align:center}.contact-title{font-size:2.5rem;font-family:Caveat Brush,cursive;color:#64ffda;margin-bottom:3rem;text-shadow:0 0 8px #64ffda88}.contact-form-wrapper{display:flex;justify-content:center;align-items:flex-start;width:100%}.contact-form{background:#ffffff14;border-radius:18px;box-shadow:0 8px 32px #1f26872e,0 2px 12px #64ffda22;padding:2rem 2.2rem;width:100%;max-width:600px;display:flex;flex-direction:column;gap:1.2rem;border:1.5px solid #233554;-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);background-clip:padding-box;margin:0 auto}.form-group{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.form-group label{color:#64ffda;font-weight:600;font-size:1.05rem;margin-bottom:.1rem}.form-group input,.form-group textarea{width:100%;padding:.7em 1em;border-radius:8px;border:1.5px solid #233554;background:#0a192fb3;color:#64ffda;font-size:1rem;font-family:inherit;outline:none;transition:border .2s,box-shadow .2s;box-shadow:0 1px 4px #64ffda11;resize:none}.form-group input:focus,.form-group textarea:focus{border:1.5px solid #64ffda;box-shadow:0 0 8px #64ffda55}.contact-submit{display:inline-block;margin-top:.5rem;color:#7fcfc7;font-weight:600;text-decoration:none;transition:color .2s,background .2s,transform .2s;padding:.7em 2.2em;border-radius:8px;background:transparent;border:2px solid #7fcfc7;font-size:1.1rem;cursor:pointer;box-shadow:0 2px 8px #64ffda22}.contact-submit:hover{color:#fff;background:#7fcfc7;text-decoration:none;transform:scale(1.06);border:2px solid #7fcfc7;box-shadow:0 4px 16px #64ffda44}.contact-success{color:#64ffda;font-size:1.2rem;background:#64ffda12;border-radius:12px;padding:2.5rem 1.5rem;box-shadow:0 2px 12px #64ffda22;margin:0 auto;max-width:420px}@media (max-width: 700px){.contact-section{padding:1.2rem .5rem 2.5rem;max-width:99vw}.contact-title{font-size:2rem;margin-bottom:1.5rem}.contact-form{padding:1.2rem .7rem;max-width:99vw}.contact-success{font-size:1rem;padding:1.5rem .7rem;max-width:99vw}}.footer-section{width:100%;background:#0a192fd9;border-top:2px solid #233554;box-shadow:0 -2px 16px #64ffda22;padding:2.2rem 0 1.2rem;margin-top:2.5rem;text-align:center;position:relative;z-index:10}.footer-like-row{display:flex;flex-direction:column;align-items:center;gap:1.1rem;margin-bottom:1.2rem}.footer-like-text{color:#64ffda;font-size:1.2rem;font-weight:600;text-shadow:0 0 8px #64ffda44}.footer-like-btn{background:#64ffda21;color:#64ffda;border:2px solid #64ffda;border-radius:8px;font-size:1.3rem;font-weight:700;padding:.5em 1.5em;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .2s;box-shadow:0 2px 8px #64ffda22;outline:none;margin-top:.2rem;display:flex;align-items:center;gap:.7em}.footer-like-btn:hover:not(:disabled){background:#64ffda;color:#0a192f;box-shadow:0 4px 16px #64ffda44;transform:scale(1.07)}.footer-like-btn.liked{background:#64ffda;color:#0a192f;border:2px solid #64ffda;cursor:default;box-shadow:0 2px 12px #64ffda44}.footer-like-btn:disabled{opacity:.7}.footer-madeby{color:#a9b2ce;font-size:1.1rem;margin-top:.7rem;letter-spacing:1px;font-weight:500}.footer-visits{color:#64ffda;font-size:1.1rem;margin-bottom:.7rem;font-weight:600;letter-spacing:.5px}.footer-visits-count{color:#fff;background:#64ffda;border-radius:6px;padding:.1em .7em;margin-left:.4em;font-weight:700;font-size:1.1em;box-shadow:0 1px 4px #64ffda33}.footer-visits-count-plain{color:#a9b2ce;background:none;border-radius:0;padding:0;margin-left:.4em;font-weight:500;font-size:1.1em;box-shadow:none}.footer-like-avatar-group{display:flex;align-items:center;gap:1.2rem}.footer-avatar{display:flex;align-items:center;margin-left:.5rem;transition:transform .2s;cursor:pointer;-webkit-user-select:none;user-select:none}.footer-avatar-hand{transform-origin:36px 14px;transition:transform .3s}.footer-avatar.wave .footer-avatar-hand{animation:hand-wave 1.1s cubic-bezier(.4,0,.2,1) 1}@media (max-width: 700px){.footer-section{padding:1.2rem 0 .7rem}.footer-like-text{font-size:1rem}.footer-like-btn{font-size:1.1rem;padding:.4em 1em}.footer-madeby{font-size:.97rem}}.footer-animated-message{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#64ffda 10%,#64b6ff 60%,#a9b2ce);-webkit-background-clip:text;text-shadow:0 0 12px #64ffda55,0 2px 8px #64b6ff33;transition:transform .3s,text-shadow .3s;cursor:pointer;margin-bottom:.7rem;letter-spacing:1px;animation:footer-pop-in .7s cubic-bezier(.4,0,.2,1)}.footer-animated-message:hover{transform:scale(1.08) rotate(-2deg);text-shadow:0 0 24px #64ffda99,0 4px 16px #64b6ff55;filter:brightness(1.2) saturate(1.2)}.footer-animated-message.fade{opacity:0;transform:scale(.95);transition:opacity .4s,transform .4s}@keyframes footer-pop-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.footer-copyright{color:#8892b0;font-size:1rem;margin-top:1.2rem;letter-spacing:.5px;font-weight:500;opacity:.8;margin-bottom:1rem}.footer-dance-letter{display:inline-block;animation:footer-dance-bounce 1.2s infinite cubic-bezier(.4,0,.2,1);will-change:transform,color;color:#64ffda;text-shadow:0 0 1.5px #64ffda55;opacity:1}@keyframes footer-dance-bounce{0%,to{transform:translateY(0) scale(1);color:#64ffda;text-shadow:0 0 1.5px #64ffda55}10%{transform:translateY(-7px) scale(1.1);color:#64ffda;text-shadow:0 0 2px #64ffda77}20%{transform:translateY(-12px) scale(1.15);color:#64ffda;text-shadow:0 0 2.5px #64ffda77}30%{transform:translateY(-7px) scale(1.1);color:#64ffda;text-shadow:0 0 1.5px #64ffda55}40%{transform:translateY(0) scale(1);color:#64ffda;text-shadow:0 0 1.5px #64ffda55}to{transform:translateY(0) scale(1);color:#64ffda;text-shadow:0 0 1.5px #64ffda55}}@media (max-width: 700px){.footer-animated-message{font-size:1.05rem}.footer-dance-letter{font-size:.93em}}.experience-section{border-radius:16px;box-shadow:0 2px 16px #22223b12;margin:2rem auto;padding:2.5rem 1.5rem;max-width:850px;text-align:center;position:relative}.experience-title{font-size:2.5rem;font-family:Caveat Brush,cursive;color:#64ffda;margin-bottom:3rem;text-shadow:0 0 8px #64ffda88}.roadmap{display:flex;flex-direction:column;align-items:flex-start;position:relative;margin:0 auto;max-width:700px;gap:2.5rem}.roadmap-item{display:flex;align-items:flex-start;position:relative;width:100%}.roadmap-dot{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#64ffda 60%,#64b6ff);box-shadow:0 0 16px #64ffda88;margin-right:1.5rem;margin-top:.5rem;flex-shrink:0;animation:float 2.5s infinite ease-in-out}.roadmap-line{position:absolute;left:11px;top:32px;width:2px;height:calc(100% - 32px);background:linear-gradient(180deg,#64ffda,#64b6ff);opacity:.4;z-index:0;animation:scrollBackground 3s linear infinite}.roadmap-line-last{height:83%;top:32px}.roadmap-content{background:#0a192ff2;border-radius:12px;box-shadow:0 2px 12px #64ffda22;padding:1.2rem 1.5rem;text-align:left;flex:1;position:relative;z-index:1;transition:box-shadow .3s,background .3s;color:#fff;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.8rem}.roadmap-content:hover{box-shadow:0 4px 24px #64ffda44;background:#64ffda21}.company-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.3rem}.company{font-size:1.4rem;font-weight:700;color:#64ffda}.time{font-style:italic;color:#a9b2ce;margin-left:auto;text-align:right;white-space:nowrap;font-size:1rem}.role-time{display:flex;align-items:center;gap:.7rem;font-size:1rem;color:#8892b0;margin-bottom:-.7rem}.role{font-weight:600}.exp-points{margin:.5rem 0 0 1.2rem;color:#a9b2ce;font-size:1rem;line-height:1.6;list-style:disc}.exp-points strong{font-weight:800;color:#aad3cd;letter-spacing:.5px}.certificate-link{display:inline-block;margin-top:.5rem;color:#7fcfc7;font-weight:600;text-decoration:none;transition:color .2s,background .2s,transform .2s;padding:.2em 0;border-radius:6px}.certificate-link:hover{color:#fff;background:#7fcfc7;text-decoration:none;transform:scale(1.06)}@media (max-width: 900px){.roadmap{max-width:100%;gap:2rem}.roadmap-content{padding:1rem .7rem}}@media (max-width: 700px){.experience-section{padding:1.2rem .5rem}.roadmap-content{padding:1rem .7rem;font-size:.97rem}.roadmap-dot{width:16px;height:16px;margin-right:1rem}.roadmap-line{left:8px}.company-row{flex-direction:column;align-items:flex-start;gap:.1rem}.time{align-self:flex-end;margin-left:0;text-align:right}}@media (max-width: 500px){.roadmap-content{font-size:.93rem;padding:.7rem .3rem}.roadmap{gap:1.2rem}}@media (max-width: 600px){.experience-section{padding:.7rem .2rem;margin:1.2rem auto;max-width:98vw;margin-left:8px;margin-right:8px}.roadmap{max-width:100%;align-items:center}.roadmap-item{width:100%;justify-content:center;position:relative}.roadmap-dot,.roadmap-line,.roadmap-line-last{display:none!important}.roadmap-content{font-size:.87rem;margin:0 auto 1.2rem;padding:.7rem .5rem;min-width:0;max-width:98vw;text-align:left}.exp-points{font-size:.85rem;padding-left:.7rem;padding-right:.7rem;text-align:left;margin-bottom:2rem}.company-row{flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;text-align:left;padding-left:20px}.company{font-size:1.08rem;text-align:left;width:100%}.time{margin-left:0;align-self:flex-start;text-align:left;margin-top:.18rem;font-size:.93rem;width:100%}.role-time{font-size:.93rem;margin-bottom:-1.2rem;text-align:left;width:100%;align-items:flex-start;padding-left:20px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.app{min-height:100vh;background-color:#0a192f;color:#ccd6f6;position:relative;overflow:hidden}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(100,255,218,.03),transparent),repeating-linear-gradient(transparent 0,transparent 50px,rgba(100,255,218,.02) 50px,rgba(100,255,218,.02) 51px),repeating-linear-gradient(90deg,transparent 0,transparent 50px,rgba(100,255,218,.02) 50px,rgba(100,255,218,.02) 51px);filter:blur(1px);pointer-events:none;z-index:0}@media (min-width: 769px){.content{padding-left:250px}}.content{min-height:100vh;position:relative;overflow:hidden;width:100%}.bg-image{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:center;opacity:.1;filter:grayscale(100%);z-index:0}@media (min-width: 769px){.content{padding-left:250px}.bg-image{left:250px;width:calc(100vw - 250px)}}.hero-section{min-height:100vh;max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;animation:hero-fade-in 1.2s cubic-bezier(.4,0,.2,1)}@keyframes hero-fade-in{0%{opacity:0;transform:scale(.98) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.code-background{display:none}.intro-text{max-width:800px;position:relative;z-index:1;margin:0 auto;text-align:center}.hello-text{font-size:clamp(2rem,5vw,3.5rem);font-weight:300;margin-bottom:1rem;display:block;color:#6cdbdf;text-shadow:0 0 10px rgba(106,146,137,.3)}.by-text{font-size:clamp(1rem,2vw,1.5rem);color:#8892b0;margin:1rem 0;display:block}.name{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;background:linear-gradient(45deg,#64ffda,#64b6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:1rem 0;display:block}.role{font-size:clamp(1.5rem,1.9vw,1.3rem);color:#8892b0;margin-bottom:2rem;display:block}.description{font-size:clamp(1rem,2vw,1.2rem);color:#8892b0;line-height:1.6;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;padding:1rem 2rem;background:transparent;border:2px solid #64ffda;color:#64ffda;font-size:1rem;font-weight:600;text-decoration:none;border-radius:4px;transition:all .3s ease;cursor:pointer}.cta-button:hover{background:#64ffda1a;transform:translateY(-3px);box-shadow:0 4px 15px #64ffda33}@media (max-width: 768px){.content{padding-top:80px}.bg-image{width:100%;height:50vh;opacity:.05}.hero-section{flex-direction:column;align-items:center;justify-content:center;padding:1rem}.intro-text{text-align:center;margin:0 auto}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scrollBackground{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes slideText{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.about-section{border-radius:16px;box-shadow:0 2px 16px #22223b12;margin:2rem auto;padding:2rem;max-width:850px;text-align:center}.about-section h2{font-size:2.5rem;font-family:Caveat Brush,cursive;color:#64ffda;margin-bottom:2.5rem;text-shadow:0 0 8px #64ffda88}.about-section p{font-size:1.1rem;color:#a9b2ce;margin-bottom:.5rem}@media (max-width: 500px){.about-section p{font-size:.95rem}.skills-list-circles span{font-size:.9rem}}.skills-tab{border-radius:16px;box-shadow:0 2px 16px #22223b12;margin:2rem auto;padding:2rem;max-width:800px;text-align:center}.skills-tab h2{font-size:2.5rem;font-family:Caveat Brush,cursive;color:#64ffda;margin-bottom:2.5rem;text-shadow:0 0 8px #64ffda88}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;list-style:none;padding:0}.skill-item{color:#8892b0;padding:.5rem 1.2rem;border-radius:8px;font-weight:600;font-size:1rem;box-shadow:0 1px 4px #3a86ff12;transition:background .2s}.skill-item:hover{background:#64ffda33;color:#64ffda}.skills-list-circles{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;list-style:none;padding:0;margin:0;justify-items:center}@media (max-width: 1100px){.skills-list-circles{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.skills-list-circles{grid-template-columns:repeat(2,1fr);gap:1.2rem}}@media (max-width: 500px){.skills-list-circles{grid-template-columns:repeat(2,1fr);gap:1rem}}.skill-item-circle{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:90px;transition:transform .2s}.skill-item-circle:hover{transform:translateY(-8px) scale(1.07)}.skill-circle{transition:filter .3s,box-shadow .3s;filter:drop-shadow(0 0 0px #64ffda)}.skill-item-circle:hover .skill-circle{filter:drop-shadow(0 0 12px #64ffda) brightness(1.2)}.skill-label{margin-top:.5rem;color:#8892b0;font-size:1rem;font-weight:600;letter-spacing:.5px;transition:color .2s}.skill-item-circle:hover .skill-label{color:#64ffda}.hero-social-links{display:flex;gap:1.5rem;margin-top:2.5rem;justify-content:center;align-items:center}.hero-social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#64ffda12;transition:background .2s,box-shadow .2s,transform .2s;box-shadow:0 2px 8px #64ffda14}.hero-social-link:hover{background:#64ffda;box-shadow:0 4px 16px #64ffda44;transform:translateY(-4px) scale(1.08)}.hero-social-link svg{display:block;margin:auto;stroke:#64ffda;transition:stroke .2s}.hero-social-link:hover svg{stroke:#0a192f}.fade-in-up{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-down{opacity:0;transform:translateY(-40px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.fade-in-down.visible{opacity:1;transform:translateY(0)}.loader-sm{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0a192f;z-index:2000;transition:opacity .4s}.loader-sm-logo{width:80px;height:80px;border-radius:50%;background:linear-gradient(45deg,#64ffda,#64b6ff);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#0a192f;box-shadow:0 4px 32px #64ffda33;animation:loader-pop 1.2s infinite alternate cubic-bezier(.4,0,.2,1)}@keyframes loader-pop{0%{transform:scale(1) rotate(-8deg);box-shadow:0 4px 32px #64ffda33}to{transform:scale(1.12) rotate(8deg);box-shadow:0 8px 48px #64ffda55}}.fade-in-left{opacity:0;transform:translate(-60px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(60px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.fade-in-right.visible{opacity:1;transform:translate(0)}:root{--cursor-size: 30px}@media (max-width: 1024px){:root{--cursor-size: 24px}}*,a,button,[role=button],input[type=submit],input[type=button]{cursor:none!important}@media (hover: none) and (pointer: coarse){*{cursor:auto!important}a,button,[role=button],input[type=submit],input[type=button]{cursor:pointer!important}}@media (max-width: 768px){*{cursor:auto!important}a,button,[role=button],input[type=submit],input[type=button]{cursor:pointer!important}}
