footer{text-align:center;color:var(--title-color);max-width:100%;margin:1rem auto 2rem;padding:1px 0;z-index:1;position:relative}footer h3{font-size:1.1rem}footer ul{display:block;padding:0;font-size:1rem}footer i{padding:.6rem;border-radius:50%;font-size:1.2rem;margin:0 5px}footer i:hover{background-color:var(--btn-hover);transition:.3s}nav{right:1rem;top:50%;padding:1rem .4rem;display:flex;align-items:center;justify-content:space-between;position:fixed;flex-direction:column-reverse;width:60px;height:80%;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);transform:translateY(-50%);z-index:101;border-radius:30px;max-width:80rem;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);transition:all .3s ease}:root[data-theme=dark] nav{background:rgba(26,26,35,.6);border:1px solid rgba(255,255,255,.1)}:root[data-theme=light] nav{background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.1)}.logo-icon{width:2.5rem}nav .menu{font-size:1.2rem;text-align:center;display:flex;flex-direction:column}nav .menu a:hover{transition:.2s;font-weight:700;transform:scale(1.3)}.toggler{display:flex;align-items:center;border:none;color:var(--title-color);cursor:pointer}.toggler button:hover{transition:.2s;transform:scale(1.3)}.active-nav{font-weight:700;transition:.2s;border-radius:100%}.nav-icon{transition:all .3s ease;background:transparent!important}.nav-icon:hover{transform:scale(1.1);background:rgba(102,126,234,.15)!important}.nav-icon-active{position:relative;background:rgba(102,126,234,.2)!important;border:2px solid var(--accent-primary)!important;box-shadow:0 4px 20px rgba(102,126,234,.4),0 0 40px rgba(102,126,234,.2),inset 0 1px 0 rgba(255,255,255,.2)!important;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);animation:pulseGlow 2s ease-in-out infinite}.nav-icon-active:hover{transform:scale(1.05);box-shadow:0 6px 30px rgba(102,126,234,.6),0 0 60px rgba(102,126,234,.3),inset 0 1px 0 rgba(255,255,255,.3)!important}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px rgba(102,126,234,.4),0 0 40px rgba(102,126,234,.2),inset 0 1px 0 rgba(255,255,255,.2)}50%{box-shadow:0 4px 25px rgba(102,126,234,.6),0 0 50px rgba(102,126,234,.3),inset 0 1px 0 rgba(255,255,255,.3)}}@media screen and (max-width:940px){nav{width:90%;height:50px;bottom:1rem;justify-content:space-between;transform:translate(-50%);left:50%;top:unset;box-shadow:0 -8px 32px rgba(0,0,0,.12),0 -2px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.1)}nav,nav .menu{flex-direction:row}.logo-icon{width:2rem}}.primary-button{color:var(--title-color);padding:8px 15px;font-size:1rem;border-radius:12px;border:none;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;background:var(--accent-gradient);box-shadow:0 4px 15px rgba(102,126,234,.3)}.primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(102,126,234,.5)}.primary-button:active{transform:translateY(0)}.secondary-button{padding:8px 15px;font-size:1rem;border-radius:12px;border:2px solid var(--card-border);text-decoration:none;color:var(--title-color);position:relative;overflow:hidden;transition:all .3s ease;background:transparent}.secondary-button:hover{border-color:var(--accent-primary);transform:translateY(-2px);background:rgba(102,126,234,.1)}.secondary-button:active{transform:translateY(0)}.floating-btn-sm{box-shadow:none!important}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.button-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.6);width:20px;height:20px;animation:ripple .6s ease-out;pointer-events:none}.with-live,.without-live{width:100%;height:100%;min-height:420px;padding:.5rem;background:rgba(255,255,255,.05);border-radius:24px;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.1);transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}:root[data-theme=dark] .with-live,:root[data-theme=dark] .without-live{background:rgba(26,26,35,.6);border:1px solid rgba(255,255,255,.1)}:root[data-theme=light] .with-live,:root[data-theme=light] .without-live{background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.1)}.with-live:before,.without-live:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:0;transition:opacity .4s ease}.with-live:hover,.without-live:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(102,126,234,.3),0 8px 16px rgba(118,75,162,.2);border-color:var(--accent-primary)}.with-live:hover:before,.without-live:hover:before{opacity:1}.section-hide{opacity:0;transform:translateY(8rem)}.with-live{display:flex;flex-direction:column;align-items:center}.with-live .card-content-wrapper{display:flex;flex-direction:column;height:100%;width:100%}.with-live .card-image-wrapper{flex-shrink:0;min-height:220px;max-height:220px;display:flex;align-items:center;justify-content:center}.with-live .card-text-wrapper{flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.without-live img{width:25rem;max-height:15rem;border-radius:4px}.main-projects img{margin:.5rem 2.3rem}.other-projects img{border:1px solid var(--card-border)}.other-projects{flex-direction:column;max-width:23rem}.card-text-section{display:flex;flex-direction:column}.card-text-section p{width:100%;margin-left:0}.card-button-section{margin:.6rem 0 0;display:flex;flex-wrap:wrap;gap:2rem;width:100%;justify-content:center}.other-projects .tech{padding:1.5rem 0 0;min-height:12rem}.other-projects .card-button-section{justify-content:space-between}.width-9{width:9rem}.p-16{padding:16px}.without-live.p-16{min-height:120px!important;padding:20px 24px}.without-live.p-16 h4{font-size:1.25rem;margin-bottom:.5rem}.without-live.p-16 p{font-size:.95rem;line-height:1.4}@media screen and (max-width:768px){.with-live,.without-live{width:100%;margin:0 0 .6rem;flex-direction:column;align-items:center;min-height:auto}.without-live{box-shadow:none;min-height:auto}.card-button-section{justify-content:space-between}}@media screen and (max-width:440px){.with-live img,.without-live img{width:19rem}}.animated-section{position:relative}.sparkle-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.sparkle{position:absolute;border-radius:50%;pointer-events:none;transform-origin:center;will-change:transform,opacity}.glow-orb{filter:blur(8px);mix-blend-mode:screen}body.sparkle-active{cursor:crosshair!important}@media (max-width:768px){.sparkle-container{display:none}}.game-card{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.game-card:hover{transform:translateY(-8px)}.game-card:active{transform:translateY(-4px)}