.network-background-canvas{z-index:-1;width:120%;height:120%;position:fixed;top:-100px;left:-100px}
.Header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.1)}:root{--text-50:#eaf6fb;--text-100:#d4edf7;--text-200:#a9dbef;--text-300:#7ec9e7;--text-400:#54b7de;--text-500:#29a5d6;--text-600:#2184ab;--text-700:#186381;--text-800:#104256;--text-900:#08212b;--text-950:#041115;--background-50:#eaf6fb;--background-100:#d4ecf7;--background-200:#a9daef;--background-300:#7ec7e7;--background-400:#54b5de;--background-500:#29a2d6;--background-600:#2182ab;--background-700:#186181;--background-800:#104156;--background-900:#08202b;--background-950:#041015;--primary-50:#e5f9ff;--primary-100:#ccf2ff;--primary-200:#99e6ff;--primary-300:#66d9ff;--primary-400:#3cf;--primary-500:#00bfff;--primary-600:#09c;--primary-700:#007399;--primary-800:#004d66;--primary-900:#002633;--primary-950:#00131a;--secondary-50:#f3eafb;--secondary-100:#e8d4f7;--secondary-200:#d1aaee;--secondary-300:#b97fe6;--secondary-400:#a255dd;--secondary-500:#8b2ad5;--secondary-600:#6f22aa;--secondary-700:#531980;--secondary-800:#381155;--secondary-900:#1c082b;--secondary-950:#0e0415;--accent-50:#f9eafb;--accent-100:#f4d4f7;--accent-200:#e8aaee;--accent-300:#dd7fe6;--accent-400:#d255dd;--accent-500:#c72ad5;--accent-600:#9f22aa;--accent-700:#771980;--accent-800:#4f1155;--accent-900:#28082b;--accent-950:#140415}.pc-ul,.mobile-ul{background:0 0;margin:0;padding:0;list-style:none}.Header__nav .absolute{z-index:999}.header-glass{isolation:isolate;z-index:55;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:rgba(0,0,0,.1)!important;box-shadow:0 4px 6px rgba(0,0,0,.1)!important}.dropdown-glass{isolation:isolate;z-index:50;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:rgba(0,0,0,.5)!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.6)!important}.button{border-radius:.375rem;padding:.5rem 1rem;transition:all .3s;position:relative;overflow:hidden}.button:hover{color:var(--primary-500);transform:scale(1.05)}.mobile-menu{opacity:0;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,transform .3s;overflow:hidden;transform:translateY(-10px)}.mobile-menu.open{opacity:1;max-height:300px;transform:translateY(0)}.mobile-menu ul{transition:all .3s}.mobile-menu li{opacity:0;transition:opacity .3s,transform .3s;transform:translate(-20px)}.mobile-menu.open li{opacity:1;transform:translate(0)}.mobile-menu.open li:first-child{transition-delay:.1s}.mobile-menu.open li:nth-child(2){transition-delay:.15s}.mobile-menu.open li:nth-child(3){transition-delay:.2s}.mobile-menu.open li:nth-child(4){transition-delay:.25s}.hamburger-line{transform-origin:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-line.open-top{transform:rotate(45deg)translate(8px)}.hamburger-line.open-middle{opacity:0;transform:scale(0)}.hamburger-line.open-bottom{transform:rotate(-45deg)translate(8px)}
.AllSkills{padding:2rem 0}.AllSkills__title{text-align:center;margin-bottom:2rem}.AllSkills__list{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}
.tag-list{flex-direction:column;flex-shrink:0;gap:1rem 0;width:100%;max-width:80vw;padding:1.5rem 0;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 95%,transparent 100%)}.loop-slider .inner{width:-moz-fit-content;width:fit-content;animation-name:loop;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:var(--direction);animation-duration:var(--duration);gap:1.5rem;display:flex}.tag{color:#e2e8f0;background-color:#334155;border-radius:.4rem;align-items:center;gap:0 .2rem;margin-right:1rem;padding:.7rem 1rem;font-size:.9rem;display:flex;box-shadow:0 .1rem .2rem rgba(0,0,0,.2),0 .1rem .5rem rgba(0,0,0,.3),0 .2rem 1.5rem rgba(0,0,0,.4)}.tag span{color:#cd44da;font-size:1.2rem}@keyframes loop{0%{transform:translate(0)}to{transform:translate(-50%)}}

.AllProjects__list{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.AllProjects__list{grid-template-columns:1fr 1fr}}