html,body{margin:0;padding:0;background-color:#000}#root{width:100%}.app-root{width:100%;background-color:#000;position:relative}.scroll-container{width:100%;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100vh}.snap-section{height:100vh;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.section-profile{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:auto;max-width:250px;max-height:60vh;z-index:5;pointer-events:none}.section-profile .profile-video{width:100%;height:auto;max-height:60vh;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}.section-content{width:40%;max-width:500px;margin-left:28%;margin-right:auto;color:#ffffffb3;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.95rem;line-height:1.5;text-align:left;z-index:5;pointer-events:auto}.section-content h2{color:#fff;font-size:2rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:800;margin-top:0;margin-bottom:1rem;letter-spacing:-1px}.section-text{margin-top:0}.names-container{position:fixed;top:8%;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:.5rem;z-index:5;pointer-events:none}.name-image{width:auto;max-width:90%;height:auto;max-height:10vh;object-fit:contain;opacity:.9;filter:drop-shadow(0 10px 30px rgba(255,255,255,.1))}.name-image:nth-child(2){margin-top:.2rem;margin-left:.5rem}.stack-image{position:fixed;top:50%;right:-8%;transform:translateY(-50%) rotate(-12deg);height:auto;max-height:80vh;width:auto;max-width:40vw;z-index:1;pointer-events:none;opacity:.85;filter:drop-shadow(0 15px 35px rgba(0,0,0,.6))}.dock-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:2.5rem;align-items:center;z-index:10;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:2.5rem;padding:.8rem 2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #00000080}.dock-icon{width:65px;height:65px;object-fit:contain;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));opacity:.5}.dock-icon:hover{transform:translateY(-15px) scale(1.15);filter:drop-shadow(0 12px 24px rgba(255,255,255,.15));opacity:.9}.dock-icon.active{opacity:1;transform:translateY(-8px) scale(1.1);filter:drop-shadow(0 8px 20px rgba(255,255,255,.25))}.contact-links{display:flex;gap:.5rem;margin-top:1.5rem;align-items:center}.contact-icon{width:80px;height:80px;object-fit:contain;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.contact-icon:hover{transform:translateY(-8px) scale(1.15);filter:drop-shadow(0 12px 24px rgba(255,255,255,.15))}.download-container{margin-top:1.5rem}.download-btn{display:inline-block;padding:.8rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none;font-family:Inter,system-ui,sans-serif;font-weight:600;transition:all .3s ease;cursor:pointer}.download-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.project-list{list-style-type:disc;padding-left:20px;margin:0}.project-list li{margin-bottom:12px;line-height:1.4}.project-link{color:#fff;text-decoration:underline;font-weight:700;font-size:1.05rem}.project-link:hover{text-decoration:none;color:#ddd}.source-link{color:#fff9;text-decoration:underline;font-size:.85rem;margin-left:5px}.source-link:hover{color:#fff}@media(max-width:1024px){.section-content{width:45%;margin-left:25%;margin-right:auto;font-size:.9rem}.section-content h2{font-size:1.8rem}.section-profile{max-width:200px;max-height:40vh}.stack-image{display:none}.names-container{flex-direction:column;align-items:flex-start;gap:.3rem;left:10%;top:5%;transform:none}.name-image{max-height:7vh;max-width:90%}.name-image:nth-child(2){max-height:7vh;margin-left:0;margin-top:0}.dock-container{gap:1.5rem;bottom:1.5rem;padding:.7rem 1.5rem}.dock-icon{width:55px;height:55px}}@media(max-width:768px){.snap-section{flex-direction:column;justify-content:center;align-items:center}.section-profile{position:relative;left:auto;top:auto;transform:none;max-height:25vh;max-width:180px;margin-bottom:1.5rem}.section-content{width:80%;margin:0;text-align:center;font-size:.85rem}.section-content h2{font-size:1.5rem}.names-container{left:50%;top:5%;transform:translate(-50%);flex-direction:row;justify-content:center}.dock-container{gap:1rem;bottom:1rem;width:90%;justify-content:center;padding:.6rem 1rem;border-radius:2rem}.dock-icon{width:45px;height:45px}.dock-icon:hover{transform:translateY(-10px) scale(1.15)}.dock-icon.active{transform:translateY(-5px) scale(1.05)}}@media(max-width:480px){.section-profile{max-height:20vh;max-width:140px;margin-bottom:1rem}.section-content{width:90%;font-size:.75rem}.section-content h2{font-size:1.3rem;margin-bottom:.5rem}.names-container{top:3%;width:95%;gap:.3rem}.name-image{width:50%;max-height:6vh}.name-image:nth-child(2){width:50%;max-height:6vh;margin-left:0;margin-top:0}.dock-container{gap:.4rem;bottom:.8rem;width:95%;padding:.5rem .3rem;border-radius:1.5rem}.dock-icon{width:35px;height:35px}.contact-icon{width:55px;height:55px}}