:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}a{font-weight:500;color:#f5f5f5;text-decoration:inherit}a:hover{color:#fff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}header{position:fixed;top:5vh;left:50%;transform:translate(-50%);z-index:1000;animation:slideDown .8s ease-out}.App-header{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(25px);border-radius:50px;padding:2vh 2vw;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #00000026,inset 0 1px #ffffff4d,0 0 0 1px #ffffff1a;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.App-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff1a);opacity:0;transition:opacity .3s ease}.App-header:hover:before{opacity:1}.App-header ul{display:flex;list-style:none;margin:0;padding:0;gap:2vw;align-items:center;position:relative;z-index:2}.App-header li{position:relative;overflow:hidden}.App-header li a{color:#fff;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;padding:1vh 2vw;border-radius:25px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;z-index:2;opacity:.85}.App-header li a:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;border-radius:25px;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.App-header li a:hover:before{opacity:1;transform:scale(1)}.App-header li a:hover{opacity:1;transform:translateY(-1px)}.App-header li a:active{transform:translateY(0)}.ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 40%,transparent 70%);transform:scale(0);pointer-events:none;animation:ripple .6s cubic-bezier(.4,0,.2,1)}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}section{display:grid;place-items:center;height:100vh;width:100%}#project{display:flex;flex-direction:column;align-items:center;color:#fff;overflow:hidden;box-sizing:border-box}#about>h1{font-size:2rem;line-height:1.6;max-width:60vw;margin:0 auto}#project>h1{font-size:2.5rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:1px;margin-top:30vh}#slide{display:flex;gap:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;width:80vw;box-sizing:border-box;padding-bottom:1rem}#slide::-webkit-scrollbar{height:8px}#slide::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.slide-item{flex:0 0 300px;max-width:100%;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:1.5rem;scroll-snap-align:start;box-shadow:0 8px 16px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.slide-item:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0006}.slide-item h3{font-size:1.4rem;margin-bottom:.75rem}.slide-item p{font-size:.9rem;line-height:1.4;margin-bottom:1rem;opacity:.85}.slide-item a{display:inline-block;margin-right:1rem;padding:.5rem 1rem;background:#ffffff26;border-radius:20px;color:#fff;font-size:.9rem;text-decoration:none;transition:background .3s ease}.slide-item a:hover{background:#ffffff4d}@media (max-width: 600px){.slide-item{flex:0 0 80%}}