@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;700&display=swap";.navbar{display:flex;justify-content:center;align-items:center;padding:.5rem 0;z-index:10;width:100%;position:fixed;top:1rem;left:0;right:0;transition:all .3s ease-in-out}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;background:rgba(var(--nav-bg-rgb),.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50px;padding:.5rem 1.5rem;border:1px solid rgba(var(--border-rgb),.1);box-sizing:border-box;position:relative;z-index:11}.navbar.scrolled .nav-content{background:rgba(var(--nav-bg-rgb),.8)}.nav-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:-100vh;left:0;width:100%;height:100vh;background:rgba(var(--nav-bg-rgb),.98);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:.5s cubic-bezier(.76,0,.24,1);z-index:9;margin:0;padding:0;list-style-type:none}.nav-menu.active{top:0}.nav-menu li{padding:1rem 0;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.nav-menu.active li{opacity:1;transform:translateY(0);transition-delay:calc(.1s * var(--i))}.nav-menu li a{font-size:2rem;font-weight:700;color:var(--text-color);text-decoration:none;transition:color .3s ease;position:relative;display:inline-block}.nav-menu li a:before{content:attr(data-text);position:absolute;top:50%;left:50%;white-space:nowrap;transform:translate(-50%,-50%) scale(0);font-size:6rem;opacity:0;color:var(--text-color);z-index:-1;transition:transform .3s ease,opacity .3s ease;pointer-events:none}.nav-menu li a:hover:before{transform:translate(-50%,-50%) scale(1);opacity:.1}.nav-menu li a:hover{color:var(--text-color);opacity:.8}.nav-menu:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;opacity:.1;z-index:-1}.logo{text-decoration:none;display:block}.logo-container{position:relative;overflow:hidden;height:1.8rem;display:flex;align-items:center}.logo-text{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0;position:relative;white-space:nowrap;display:flex;line-height:1}.logo-text span{display:inline-block;transition:transform .4s cubic-bezier(.76,0,.24,1);transition-delay:calc(var(--char-index) * .05s);line-height:1}.logo-text.top span{transform:translateY(0)}.logo-text.bottom{position:absolute;top:0;left:0}.logo-text.bottom span{transform:translateY(100%)}.logo:hover .logo-text.top span{transform:translateY(-100%)}.logo:hover .logo-text.bottom span{transform:translateY(0)}.hamburger{display:block;cursor:pointer;z-index:12;position:relative;transition:transform .3s ease;color:var(--text-color)}.hamburger:hover{transform:scale(1.1)}@media (max-width: 768px){.navbar{top:0;padding:0}.nav-content{width:100%;border-radius:0;padding:1rem;background:rgba(var(--nav-bg-rgb),.95);border:none;border-bottom:1px solid rgba(var(--border-rgb),.1)}}.hero{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--background-color)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.particles-container{position:absolute;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:var(--text-color);border-radius:50%;left:var(--x);top:var(--y);opacity:0;animation:particle var(--duration) infinite linear;animation-delay:var(--delay);box-shadow:0 0 2px var(--border-color)}@keyframes particle{0%{transform:translate(0) scale(0);opacity:0}50%{opacity:.8}to{transform:translate(100px,-100px) scale(1);opacity:0}}.gradient-overlay{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,var(--gradient-start) 0%,var(--gradient-middle) 70%,var(--gradient-end) 100%)}.grid-overlay{position:absolute;width:100%;height:100%;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;opacity:.3}.hero-content{position:relative;z-index:3;text-align:center;padding:0 20px;max-width:800px}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:var(--text-color);font-size:.9rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-dot{width:8px;height:8px;background-color:#4ade80;border-radius:50%;box-shadow:0 0 10px #4ade80;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.hero-title{font-size:4.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;line-height:1.2;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.title-word{display:inline-block;overflow:hidden}.hero-subtitle{font-size:1.5rem;color:var(--secondary-text-color);margin-bottom:2rem;font-weight:400}.hero-cta{margin-top:2rem}.cta-button{display:inline-block;padding:1rem 2rem;background:var(--text-color);color:var(--background-color);text-decoration:none;border-radius:30px;font-weight:500;font-size:1.1rem;transition:all .3s ease;border:1px solid var(--text-color)}.cta-button:hover{transform:translateY(-2px);background:transparent;color:var(--text-color)}@media (max-width: 768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}.cta-button{padding:.8rem 1.6rem;font-size:1rem}}@media (max-width: 480px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}}.spline-bottom{position:absolute;bottom:-60px;left:0;width:100%;height:300px;z-index:1;background:transparent}.spline-bottom spline-viewer{width:100%;height:100%;background:transparent}@media (max-width: 768px){.spline-bottom{bottom:-60px;height:500px}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}.cta-button{padding:.8rem 1.6rem;font-size:1rem}}.scrolling-text-container{overflow:hidden;background-color:var(--background-color);padding:1rem 0;white-space:nowrap;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.scrolling-text{font-size:2rem;font-weight:700;color:var(--text-color);display:inline-block}.text-item{display:inline-block;padding:0 1rem}.dot{display:inline-block;padding:0 2rem}.about{padding:4rem 2rem;max-width:1200px;margin:0 auto}.headline{font-size:3rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--text-color)}.slogan{font-size:1.25rem;text-align:center;margin-bottom:4rem;color:var(--secondary-text-color)}.bio{display:flex;gap:4rem;align-items:center;justify-content:center}.profile-img{flex-shrink:0}.profile-img img{width:300px;height:300px;border-radius:50%;object-fit:cover;box-shadow:0 8px 24px #0000001a;transition:transform .3s ease}.profile-img img:hover{transform:scale(1.05)}.bio-text{flex:1;max-width:600px}.bio-headline{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color)}.bio-normal{font-size:1.1rem;line-height:1.8;color:var(--secondary-text-color)}@media screen and (max-width: 968px){.about{padding:3rem 1.5rem}.headline{font-size:2.5rem}.slogan{font-size:1.1rem;margin-bottom:3rem}.bio{gap:3rem}.profile-img img{width:250px;height:250px}.bio-headline{font-size:1.75rem}.bio-normal{font-size:1rem}}@media screen and (max-width: 768px){.about{padding:2rem 1rem}.headline{font-size:2rem}.slogan{font-size:1rem}.bio{flex-direction:column;gap:2rem;text-align:center}.profile-img img{width:200px;height:200px}.bio-text{max-width:100%}.bio-headline{font-size:1.5rem}.bio-normal{font-size:.95rem;line-height:1.6}}.experience-container{padding:4rem 2rem;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.section-title{text-align:center;font-size:2.5rem;margin-bottom:4rem;color:var(--text-color);font-family:Chakra Petch,sans-serif;font-weight:700}.timeline{position:relative;padding:2rem 0}.timeline-line{position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(to bottom,transparent,var(--accent-color),transparent);z-index:0}.experience-card{position:relative;width:50%;padding:0 2rem;margin-bottom:3rem;z-index:1}.experience-card.left{left:0;text-align:right}.experience-card.right{left:50%;text-align:left}.experience-content{background:var(--card-background);padding:1.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.experience-content:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026;border-color:var(--accent-color)}.experience-date{color:var(--accent-color);font-weight:600;margin-bottom:.5rem;font-size:.9rem}.experience-role{font-size:1.25rem;margin-bottom:.25rem;color:var(--text-color)}.experience-company{font-size:1rem;color:var(--secondary-text-color);margin-bottom:1rem}.experience-description{color:var(--secondary-text-color);margin-bottom:1rem;line-height:1.6}.experience-tech{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:inherit}.tech-tag{background:var(--tech-tag-bg);color:var(--accent-color);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.timeline-dot{position:absolute;top:1.5rem;width:16px;height:16px;background:var(--accent-color);border-radius:50%;box-shadow:0 0 0 4px var(--dot-shadow);z-index:2}.experience-card.left .timeline-dot{right:-8px}.experience-card.right .timeline-dot{left:-8px}@media (max-width: 768px){.timeline-line{left:20px}.experience-card{width:100%;padding-left:3rem;padding-right:0;margin-bottom:2rem}.experience-card.left,.experience-card.right{left:0;text-align:left}.experience-card.left .timeline-dot,.experience-card.right .timeline-dot{left:12px;right:auto}.experience-tech{justify-content:flex-start}}.projects-section{padding:4rem 2rem;background-color:var(--background-color);width:100%;max-width:100vw;overflow:hidden;display:flex;flex-direction:column;align-items:center}.section-title{font-size:3.5rem;margin-bottom:4rem;text-align:center;color:var(--text-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,350px));gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;justify-content:center}.project-card{position:relative;background:var(--card-background);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;border:2px solid transparent}.project-card:nth-child(1){border-color:#ff6600c4}.project-card:nth-child(2){border-color:#ffffff67}.project-card:nth-child(3){border-color:#e100ff66}.project-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0003}.project-image{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:0}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;border-radius:0}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:1.5rem;background:var(--card-background);border-top:1px solid rgba(var(--border-rgb),.1)}.project-content h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-color);font-weight:600}.project-content p{font-size:.95rem;line-height:1.5;color:var(--text-color);opacity:.8;margin:0;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.project-links{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.project-link{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;font-size:.9rem;border:none;white-space:nowrap;min-width:140px;justify-content:center}.project-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003;filter:brightness(1.1)}@media (max-width: 968px){.projects-section{padding:3rem 1.5rem}.section-title{font-size:2.5rem;margin-bottom:3rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,320px));gap:1.5rem;padding:0}.project-links{justify-content:center}}@media (max-width: 480px){.projects-section{padding:2rem 1rem}.section-title{font-size:2rem;margin-bottom:2rem}.projects-grid{grid-template-columns:minmax(250px,300px);gap:1.5rem}.project-content{padding:1.2rem}.project-content h2{font-size:1.3rem}.project-content p{font-size:.9rem;margin-bottom:1.2rem}.project-links{flex-direction:column;gap:.8rem;width:100%}.project-link{width:100%;padding:.7rem 1rem;font-size:.9rem;min-width:unset}}.contact{min-height:calc(100vh - 80px);width:100vw;display:flex;justify-content:center;align-items:center;padding:clamp(2rem,4vh,3rem) 1rem;position:relative;overflow:hidden;background-color:var(--background-color);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-bottom:-4rem}.contact-content{max-width:700px;width:100%;text-align:center;position:relative;z-index:1}.contact h2{font-size:clamp(2rem,5vw,2.5rem);font-weight:700;color:var(--text-color);margin-bottom:1rem;position:relative;display:inline-block}.contact h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:50px;height:3px;background:var(--text-color);border-radius:2px}.contact-description{font-size:clamp(1rem,2vw,1.1rem);color:var(--secondary-text-color);margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.5}.contact-email{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 1.8rem;background:var(--card-background);border-radius:10px;cursor:pointer;transition:all .3s ease;margin-bottom:2.5rem;border:1px solid var(--border-color);position:relative}.contact-email:hover{border-color:var(--text-color);transform:translateY(-3px);background:var(--text-color);color:var(--background-color)}.contact-email:hover .email-icon,.contact-email:hover .email-text{color:var(--background-color)}.email-icon{font-size:1.3rem;color:var(--text-color);transition:color .3s ease}.email-text{font-size:1rem;color:var(--text-color);font-weight:500;transition:color .3s ease}.email-hint{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:.85rem;color:var(--secondary-text-color);opacity:0;transition:opacity .3s ease}.contact-email:hover .email-hint{opacity:1}.copied-tooltip{position:absolute;top:-35px;left:50%;transform:translate(-50%);background:var(--text-color);color:var(--background-color);padding:.5rem 1rem;border-radius:6px;font-size:.85rem;animation:fadeInOut 2s ease forwards;white-space:nowrap}.copied-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-color)}.social-links{display:flex;justify-content:center;gap:1rem}.social-link{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.2rem;background:var(--card-background);border-radius:8px;color:var(--text-color);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease;border:1px solid var(--border-color)}.social-link:hover{background:var(--text-color);color:var(--background-color);transform:translateY(-2px);border-color:var(--text-color)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,8px)}20%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@media (max-width: 768px){.contact{padding:2rem 1rem}.contact-email{padding:.8rem 1.5rem;width:85%;margin-left:auto;margin-right:auto;justify-content:center}.social-links{flex-direction:column;gap:.8rem;width:85%;margin:0 auto}.social-link{justify-content:center;padding:.6rem 1rem}}@media (max-width: 480px){.contact h2{font-size:1.8rem}.contact-description{font-size:.95rem;margin-bottom:2rem}.contact-email{width:90%;padding:.7rem 1.2rem;display:flex;margin-left:auto;margin-right:auto;justify-content:center}.email-text{font-size:.95rem}.social-link{font-size:.9rem}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--background-color);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-content{width:80%;max-width:600px}.loading-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.loading-title{font-size:2rem;font-weight:700;color:var(--text-color);font-family:Inter,sans-serif}.loading-number{font-size:1.2rem;color:var(--text-color);font-family:Inter,monospace}.loading-bar-container{width:100%;height:2px;background-color:var(--border-color);border-radius:2px;overflow:hidden;transform-origin:left}.loading-bar{height:100%;background-color:var(--text-color);transform-origin:left;will-change:width}.loading-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;opacity:.3;z-index:-1}.loading-screen:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,var(--gradient-start) 0%,var(--gradient-middle) 70%,var(--gradient-end) 100%);z-index:-1}@media (max-width: 768px){.loading-content{width:90%}.loading-title{font-size:1.8rem}.loading-number{font-size:1rem}}html,body{margin:0;padding:0}.portfolio{background-color:var(--background-color);position:relative}.content-wrapper{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box;position:relative;z-index:1}section{padding:2rem 0;position:relative;z-index:1}#home{padding-top:0;background:none}#about{padding-bottom:1rem}#contact{padding-top:1rem}@media (max-width: 768px){.content-wrapper{padding:0 1rem}section{padding:1.5rem 0}#about{padding-bottom:.5rem}#contact{padding-top:.5rem}}.theme-toggle{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1000;background:none;border:none;padding:.5rem;cursor:pointer;border-radius:50%;background-color:var(--card-background);border:1px solid rgba(var(--border-rgb),.1);display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:all .3s ease}.theme-icon{font-size:1.25rem;color:var(--text-color);transition:all .3s ease}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}:root{--background-color: #ffffff;--text-color: #1a1a1a;--secondary-text-color: #4a4a4a;--accent-color: #1a1a1a;--border-color: rgba(0, 0, 0, .1);--card-background: #ffffff;--overlay-background: rgba(0, 0, 0, .2);--nav-bg-rgb: 255, 255, 255;--border-rgb: 0, 0, 0;--nav-background: rgba(255, 255, 255, .8);--nav-background-scrolled: rgba(255, 255, 255, .95);--gradient-start: rgba(255, 255, 255, .5);--gradient-middle: rgba(255, 255, 255, .8);--gradient-end: rgba(255, 255, 255, .95);--grid-color: rgba(0, 0, 0, .05);--dot-color: rgba(0, 0, 0, .05);--dot-size: 1px;--dot-space: 30px}.dark-theme{--background-color: #1a1a1a;--text-color: #ffffff;--secondary-text-color: #b3b3b3;--accent-color: #ffffff;--border-color: rgba(255, 255, 255, .1);--card-background: #2d2d2d;--overlay-background: rgba(0, 0, 0, .4);--nav-bg-rgb: 45, 45, 45;--border-rgb: 255, 255, 255;--nav-background: rgba(45, 45, 45, .8);--nav-background-scrolled: rgba(45, 45, 45, .95);--gradient-start: rgba(26, 26, 26, .5);--gradient-middle: rgba(26, 26, 26, .8);--gradient-end: rgba(26, 26, 26, .95);--grid-color: rgba(255, 255, 255, .05);--dot-color: rgba(255, 255, 255, .05);--dot-size: 1px;--dot-space: 30px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--background-color: #ffffff;--text-color: #1a1a1a;--secondary-text-color: #4a4a4a;--accent-color: #333333;--border-color: rgba(0, 0, 0, .1);--card-background: #ffffff;--overlay-background: rgba(0, 0, 0, .2);--tech-tag-bg: rgba(0, 0, 0, .05);--dot-shadow: rgba(0, 0, 0, .1);--nav-background: rgba(255, 255, 255, .8);--nav-background-scrolled: rgba(255, 255, 255, .95);--gradient-start: rgba(255, 255, 255, .5);--gradient-middle: rgba(255, 255, 255, .8);--gradient-end: rgba(255, 255, 255, .95);--grid-color: rgba(0, 0, 0, .05)}.dark-theme{--background-color: #1a1a1a;--text-color: #ffffff;--secondary-text-color: #b3b3b3;--accent-color: #ffffff;--border-color: rgba(255, 255, 255, .1);--card-background: #2d2d2d;--overlay-background: rgba(0, 0, 0, .4);--tech-tag-bg: rgba(255, 255, 255, .1);--dot-shadow: rgba(255, 255, 255, .2);--nav-background: rgba(45, 45, 45, .8);--nav-background-scrolled: rgba(45, 45, 45, .95);--gradient-start: rgba(26, 26, 26, .5);--gradient-middle: rgba(26, 26, 26, .8);--gradient-end: rgba(26, 26, 26, .95);--grid-color: rgba(255, 255, 255, .05)}html{scroll-behavior:smooth;scroll-padding-top:80px}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;width:100%;max-width:100vw}body{background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}#root{width:100%;max-width:100vw;overflow-x:hidden}button{border-radius:8px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card-background);color:var(--text-color);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.main{position:relative;height:100%;width:100%}h1,h4,p,a{text-decoration:none;color:#222}ul{list-style-type:none;color:#222}.btn-glitch,.btn-glitch:after{width:150px;height:76px;line-height:78px;font-size:20px;font-family:Bebas Neue,sans-serif;background:linear-gradient(45deg,transparent 5%,#333333 5%);border:0;color:#fff;letter-spacing:3px;box-shadow:6px 0 #fff;outline:transparent;position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation}.btn-glitch:after{--slice-0: inset(50% 50% 50% 50%);--slice-1: inset(80% -6px 0 0);--slice-2: inset(50% -6px 30% 0);--slice-3: inset(10% -6px 85% 0);--slice-4: inset(40% -6px 43% 0);--slice-5: inset(80% -6px 5% 0);content:"ALTERNATE TEXT";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 3%,#ffffff 3%,#ffffff 5%,#333333 5%);text-shadow:-3px -3px 0px #f0f0f0,3px 3px 0px #ffffff;clip-path:var(--slice-0)}.btn-glitch:hover:after{animation:1s glitch;animation-timing-function:steps(2,end)}@keyframes glitch{0%{clip-path:var(--slice-1);transform:translate(-20px,-10px)}10%{clip-path:var(--slice-3);transform:translate(10px,10px)}20%{clip-path:var(--slice-1);transform:translate(-10px,10px)}30%{clip-path:var(--slice-3);transform:translateY(5px)}40%{clip-path:var(--slice-2);transform:translate(-5px)}50%{clip-path:var(--slice-3);transform:translate(5px)}60%{clip-path:var(--slice-4);transform:translate(5px,10px)}70%{clip-path:var(--slice-2);transform:translate(-10px,10px)}80%{clip-path:var(--slice-5);transform:translate(20px,-10px)}90%{clip-path:var(--slice-1);transform:translate(-10px)}to{clip-path:var(--slice-1);transform:translate(0)}}.footer{width:100%;background-color:var(--card-background);padding:1rem 0;position:relative;border-top:1px solid var(--border-color);margin-top:2rem;box-sizing:border-box;z-index:10}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.footer-text{color:var(--text-color);font-size:.95rem;margin:0;display:flex;align-items:center;gap:.5rem;text-align:center;font-weight:400;line-height:1.5;white-space:nowrap}.footer-content{display:flex;align-items:center;gap:.3rem;flex-wrap:nowrap}.footer-icon{font-size:1.1rem;color:var(--text-color);display:inline-flex;align-items:center;justify-content:center;line-height:1}.footer-link{color:var(--text-color);text-decoration:none;margin:0 .3rem;font-weight:500;transition:color .2s ease;position:relative;white-space:nowrap}.footer-link:hover{color:var(--accent-color)}.footer-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:var(--accent-color);transition:width .2s ease}.footer-link:hover:after{width:100%}@media (max-width: 768px){.footer{padding:1rem;margin-top:0;width:100%}.footer-container{padding:0 1rem;width:100%}.footer-text{font-size:.9rem;gap:.4rem;padding:0;width:100%;justify-content:center}}@media (max-width: 480px){.footer{padding:.8rem 0}.footer-text{font-size:.85rem;gap:.3rem;padding:0 .5rem}.footer-content{display:flex;align-items:center;gap:.2rem}.footer-icon{font-size:1rem}.footer-link{margin:0 .2rem}}