.netflix-container{color:#fff;z-index:100;background-color:#141414;width:100vw;height:100vh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;position:absolute;top:0;left:0;overflow:hidden auto}.netflix-header{z-index:110;background:linear-gradient(#000000b3 10%,#0000);align-items:center;width:100%;height:68px;padding:0 4%;transition:background-color .4s;display:flex;position:fixed;top:0}.netflix-logo{color:#e50914;letter-spacing:2px;cursor:pointer;margin-right:40px;font-size:1.8rem;font-weight:900}.netflix-nav ul{gap:20px;font-size:.85rem;list-style:none;display:flex}.netflix-nav li{cursor:pointer;color:#e5e5e5;transition:color .4s}.netflix-nav li:hover{color:#b3b3b3}.netflix-nav li.active{color:#fff;font-weight:700}.netflix-actions{align-items:center;gap:20px;margin-left:auto;display:flex}.netflix-profile{cursor:pointer;background-color:#333;border-radius:4px;width:32px;height:32px}.netflix-hero{background-color:#333;background-image:linear-gradient(#0000,#141414),linear-gradient(90deg,#000c,#0000);background-position:50%;background-size:cover;width:100%;height:85vh;position:relative}.netflix-hero-vignette{background:linear-gradient(#0000 60%,#141414 100%);width:100%;height:100%;position:absolute;top:0;left:0}.netflix-hero-content{z-index:10;width:50%;position:absolute;bottom:15%;left:4%}.netflix-hero-title{text-shadow:2px 2px 4px #00000073;margin-bottom:20px;font-size:clamp(2rem,4.5vw,4rem);font-weight:800;line-height:1.1}.netflix-hero-desc{text-shadow:2px 2px 4px #00000073;margin-bottom:20px;font-size:1.2vw;font-weight:400;line-height:1.4}.netflix-hero-buttons{gap:15px;display:flex}.netflix-btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:10px;padding:10px 24px;font-size:1.2rem;font-weight:700;transition:background-color .2s,opacity .2s;display:flex}.netflix-btn-play{color:#000;background-color:#fff}.netflix-btn-play:hover{background-color:#ffffffbf}.netflix-btn-info{color:#fff;background-color:#6d6d6eb3}.netflix-btn-info:hover{background-color:#6d6d6e66}.netflix-row-container{z-index:10;margin-top:-10vh;padding:0 4%;position:relative}.netflix-row-title{color:#e5e5e5;margin-bottom:10px;font-size:1.4vw;font-weight:700}.netflix-row{gap:10px;padding:20px 0;display:flex;overflow:auto hidden}.netflix-row::-webkit-scrollbar{display:none}.netflix-card{cursor:pointer;background-color:#222;border-radius:4px;flex-direction:column;min-width:280px;height:160px;transition:transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 10px #00000080}.netflix-card-bg{background-position:50%;background-size:cover;flex:1;justify-content:center;align-items:center;display:flex}.netflix-card-number{opacity:.3;font-size:4rem;font-weight:900}.netflix-card-info{background:linear-gradient(#0000,#000000e6);width:100%;padding:10px;position:absolute;bottom:0;left:0}.netflix-card-info h3{margin-bottom:4px;font-size:1rem}.netflix-card-info p{color:#a3a3a3;font-size:.8rem}.netflix-card-back .netflix-card-bg{color:#fff;background-color:#e50914!important}@media (width<=768px){.netflix-nav{display:none}.netflix-hero-content{width:80%}.netflix-hero-title{font-size:2.5rem}.netflix-hero-desc{font-size:1rem}.netflix-card{min-width:200px;height:120px}}*{box-sizing:border-box;margin:0;padding:0}body,html{touch-action:none;color:#fff;overscroll-behavior:none;background-color:#000;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{width:100%;height:100%}.scroll-container{z-index:1;pointer-events:none;width:100%;height:400vh;position:absolute;top:0;left:0}.fixed-container{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.scroll-snap-wrapper>div{scroll-snap-type:y mandatory}.fixed-container canvas{pointer-events:auto}.ui-layer{pointer-events:none;z-index:10;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.project-modal{touch-action:pan-y;pointer-events:auto;background:#141414e6;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:24px;width:90%;max-width:800px;max-height:90vh;padding:40px;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.close-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.close-button:hover{background:#ffffff1a}.project-header h2{background:linear-gradient(90deg,#fff,#aaa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:800}.project-meta{color:#888;gap:16px;font-size:.9rem;font-weight:500;display:flex}.project-tech{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tech-tag{color:#ccc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:4px 12px;font-size:.8rem}.project-demo{gap:16px;margin-top:24px;display:flex}.btn{border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#000;background:#fff}.btn-primary:hover{background:#e0e0e0;transform:translateY(-2px)}.instruction-overlay{text-align:center;color:#ffedcc;pointer-events:none;text-shadow:0 4px 20px #000;z-index:5;flex-direction:column;align-items:center;width:90%;max-width:600px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.instruction-overlay h1{letter-spacing:2px;margin-bottom:1rem;font-family:Georgia,serif;font-size:3.5rem;font-weight:400}.instruction-overlay p{opacity:.85;margin-bottom:2.5rem;font-family:Inter,sans-serif;font-size:1.2rem;line-height:1.5}.scroll-hint{text-transform:uppercase;letter-spacing:4px;animation:2.5s infinite pulse;opacity:.5!important;font-size:.85rem!important}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@media (width<=768px){.project-modal{gap:16px;width:95%;padding:24px}.project-header h2{font-size:1.8rem}.project-meta{font-size:.8rem}.instruction-overlay{width:90%}.instruction-overlay h1{font-size:1.5rem}.instruction-overlay p{margin-bottom:1.2rem;font-size:.9rem}.close-button{padding:12px;top:12px;right:12px}.btn{justify-content:center;width:100%}}