@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@300;400;500;600;700;800;900&display=swap);@font-face{font-display:swap;font-family:Netflix Sans;font-style:normal;font-weight:100 900;src:url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Rg.woff2) format("woff2"),url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Rg.woff) format("woff")}@font-face{font-display:swap;font-family:Netflix Sans;font-style:normal;font-weight:700;src:url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Bd.woff2) format("woff2"),url(https://assets.nflxext.com/ffe/siteui/fonts/netflix-sans/v3/NetflixSans_W_Bd.woff) format("woff")}:root{--netflix-red:#e50914;--netflix-black:#141414;--netflix-dark:#181818;--netflix-gray:#2a2a2a;--text-white:#fff;--text-gray:#b3b3b3;--text-muted:grey}*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#141414;background-color:var(--netflix-black);color:#fff;color:var(--text-white);font-family:Netflix Sans,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}body:before{animation:ambientShift 20s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 50%,rgba(229,9,20,.025) 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}@keyframes ambientShift{0%{opacity:.5}50%{opacity:1}to{opacity:.3}}html{margin:0;overflow-x:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{margin:0;overflow-x:hidden;padding:0;position:relative;width:100%;z-index:1}h1,h2,h3,h4,h5,h6{color:#fff;color:var(--text-white);font-family:Netflix Sans,Poppins,sans-serif;font-weight:700;line-height:1.2}h1{font-weight:900;letter-spacing:-1px}h2{font-weight:800;letter-spacing:-.5px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#555;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#888}.netflix-container{background-color:#000;cursor:pointer;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.intro-wrapper,.netflix-container{align-items:center;display:flex;justify-content:center}.intro-wrapper{position:absolute;transition:opacity .5s ease}.intro-wrapper.hide{opacity:0;pointer-events:none}.netflixintro{background-position:-1950px 0;background-size:4000px;display:block;height:300px;overflow:visible;position:relative;width:300px}.netflixintro:before{display:none}.netflixintro.animating{animation-delay:.5s;animation-duration:3.5s;animation-fill-mode:forwards;animation-name:zoom-in;animation-timing-function:ease-in}.netflixintro[data-letter=A]{transform-origin:center center}.netflixintro[data-letter=A] .helper-1{animation-delay:.6s;animation-duration:2s;animation-fill-mode:forwards;animation-name:fading-lumieres-box;background-color:#e4091380;height:300px;left:105px;overflow:hidden;top:20px;transform:rotate(15deg);transform-origin:top center;width:50px}.netflixintro.animating[data-letter=A] .helper-1 .effect-brush{animation-delay:.8s;animation-duration:2.5s;animation-fill-mode:forwards;animation-name:brush-moving}.netflixintro[data-letter=A] .helper-1 .effect-brush [class*=fur-]{bottom:0;height:40%}.netflixintro[data-letter=A] .helper-2{height:300px;left:145px;overflow:hidden;top:20px;transform:rotate(-15deg);transform-origin:top center;width:50px}.netflixintro.animating[data-letter=A] .helper-2 .effect-brush{animation-delay:.5s;animation-duration:2s;animation-fill-mode:forwards;animation-name:brush-moving}.netflixintro[data-letter=A] .helper-3{box-shadow:0 0 35px -12px #0006;height:36px;left:85px;overflow:hidden;top:175px;transform:rotate(0deg);width:130px}.netflixintro.animating[data-letter=A] .helper-3 .effect-brush{animation-delay:1.2s;animation-duration:1.5s;animation-fill-mode:forwards;animation-name:brush-moving-horizontal}.netflixintro [class*=helper-]{position:absolute}.netflixintro [class*=helper-] .effect-brush{height:300%;overflow:hidden;position:absolute;top:0;width:100%}.netflixintro [class*=helper-] .effect-brush:before{background-color:#e40913;box-shadow:0 0 29px 24px #e40913;content:"";display:block;height:70%;position:absolute;width:100%}.netflixintro [class*=helper-] .effect-brush [class*=fur-]{bottom:10%;display:block;height:30%;position:absolute}.netflixintro [class*=helper-] .effect-brush .fur-1{background:linear-gradient(180deg,#e40913 0,#e40913 15%,#0000 81%);left:0;width:3.8%}.netflixintro [class*=helper-] .effect-brush .fur-2{background:linear-gradient(180deg,#e40913 0,#e40913 10%,#0000 62%);left:3.8%;width:2.8%}.netflixintro [class*=helper-] .effect-brush .fur-3{background:linear-gradient(180deg,#e40913 0,#e40913 37%,#0000);left:6.6%;width:4.8%}.netflixintro [class*=helper-] .effect-brush .fur-4{background:linear-gradient(180deg,#e40913 0,#e40913 23%,#0000);left:11.4%;width:4%}.netflixintro [class*=helper-] .effect-brush .fur-5{background:linear-gradient(180deg,#e40913 0,#e40913 15%,#0000 86%);left:15.4%;width:4%}.netflixintro [class*=helper-] .effect-brush .fur-6{background:linear-gradient(180deg,#e40913 0,#e40913 27%,#0000 89%);left:19.4%;width:2.5%}.netflixintro [class*=helper-] .effect-brush .fur-7{background:linear-gradient(180deg,#e40913 0,#e40913 20%,#0000);left:21.9%;width:4%}.netflixintro [class*=helper-] .effect-brush .fur-8{background:linear-gradient(180deg,#e40913 0,#e40913 30%,#0000);left:25.9%;width:2%}.netflixintro [class*=helper-] .effect-brush .fur-9{background:linear-gradient(180deg,#e40913 0,#e40913 35%,#0000 95%);left:27.9%;width:4%}.netflixintro [class*=helper-] .effect-brush .fur-10{background:linear-gradient(180deg,#e40913 0,#e40913 39%,#0000 95%);left:31.9%;width:3.5%}.netflixintro [class*=helper-] .effect-brush .fur-11{background:linear-gradient(180deg,#e40913 0,#e40913 34%,#0000 95%);left:35.4%;width:2%}.netflixintro [class*=helper-] .effect-brush .fur-12{background:linear-gradient(180deg,#e40913 0,#e40913 22%,#0000 95%);left:37.4%;width:2.6%}.netflixintro [class*=helper-] .effect-brush .fur-13{background:linear-gradient(180deg,#e40913 0,#e40913 47%,#0000);left:40%;width:6%}.netflixintro [class*=helper-] .effect-brush .fur-14{background:linear-gradient(180deg,#e40913 0,#e40913 36%,#0000);left:46%;width:2%}.netflixintro [class*=helper-] .effect-brush .fur-15{background:linear-gradient(180deg,#e40913 0,#e40913 29%,#0000);left:48%;width:5.5%}.netflixintro [class*=helper-] .effect-brush .fur-16{background:linear-gradient(180deg,#e40913 0,#e40913 39%,#0000 95%);left:53.5%;width:3%}.netflixintro [class*=helper-] .effect-brush .fur-17{background:linear-gradient(180deg,#e40913 0,#e40913 45%,#0000);left:56.5%;width:4.1%}.netflixintro [class*=helper-] .effect-brush .fur-18{background:linear-gradient(180deg,#e40913 0,#e40913 34%,#0000);left:60.6%;width:2.4%}.netflixintro [class*=helper-] .effect-brush .fur-19{background:linear-gradient(180deg,#e40913 0,#e40913 47%,#0000);left:63%;width:4%}.netflixintro [class*=helper-] .effect-brush .fur-20{background:linear-gradient(180deg,#e40913 0,#e40913 27%,#0000 95%);left:67%;width:1.5%}.netflixintro [class*=helper-] .effect-brush .fur-21{background:linear-gradient(180deg,#e40913 0,#e40913 37%,#0000);left:68.5%;width:2.8%}.netflixintro [class*=helper-] .effect-brush .fur-22{background:linear-gradient(180deg,#e40913 0,#e40913 9%,#0000);left:71.3%;width:2.3%}.netflixintro [class*=helper-] .effect-brush .fur-23{background:linear-gradient(180deg,#e40913 0,#e40913 28%,#0000 92%);left:73.6%;width:2.2%}.netflixintro [class*=helper-] .effect-brush .fur-24{background:linear-gradient(180deg,#e40913 0,#e40913 37%,#0000);left:75.8%;width:1%}.netflixintro [class*=helper-] .effect-brush .fur-25{background:linear-gradient(180deg,#e40913 0,#e40913 28%,#0000);left:76.8%;width:2.1%}.netflixintro [class*=helper-] .effect-brush .fur-26{background:linear-gradient(180deg,#e40913 0,#e40913 34%,#0000);left:78.9%;width:4.1%}.netflixintro [class*=helper-] .effect-brush .fur-27{background:linear-gradient(180deg,#e40913 0,#e40913 21%,#0000);left:83%;width:2.5%}.netflixintro [class*=helper-] .effect-brush .fur-28{background:linear-gradient(180deg,#e40913 0,#e40913 39%,#0000);left:85.5%;width:4.5%}.netflixintro [class*=helper-] .effect-brush .fur-29{background:linear-gradient(180deg,#e40913 0,#e40913 30%,#0000);left:90%;width:2.8%}.netflixintro [class*=helper-] .effect-brush .fur-30{background:linear-gradient(180deg,#e40913 0,#e40913 19%,#0000);left:92.8%;width:3.5%}.netflixintro [class*=helper-] .effect-brush .fur-31{background:linear-gradient(180deg,#e40913 0,#e40913 37%,#0000);left:96.3%;width:3.7%}.netflixintro [class*=helper-] .effect-lumieres{animation-delay:1.6s;animation-duration:2s;animation-fill-mode:forwards;animation-name:showing-lumieres;height:100%;opacity:0;position:absolute;width:100%}.netflixintro [class*=helper-] .effect-lumieres [class*=lamp-],.netflixintro [class*=helper-] .effect-lumieres [class*=lamp-]:before{background:var(--color);box-shadow:0 0 10px 0 #e40913bf;display:block;height:100%;position:absolute}.netflixintro [class*=helper-] .effect-lumieres [class*=lamp-]:before{content:" ";width:100%}.netflixintro [class*=helper-] .effect-lumieres .lamp-1{--color:#ff0100;animation-delay:1.54s;left:.7%;width:1%}.netflixintro [class*=helper-] .effect-lumieres .lamp-1:before{animation-delay:1.37s;left:93%}.netflixintro [class*=helper-] .effect-lumieres .lamp-2{--color:#ffde01;animation-delay:.21s;left:2.2%;width:1.4%}.netflixintro [class*=helper-] .effect-lumieres .lamp-2:before{animation-delay:.67s;left:72%}.netflixintro [class*=helper-] .effect-lumieres .lamp-3{--color:#f0c;animation-delay:.93s;left:5.8%;width:2.1%}.netflixintro [class*=helper-] .effect-lumieres .lamp-3:before{animation-delay:1.97s;left:34%}.netflixintro [class*=helper-] .effect-lumieres .lamp-4{--color:#04fd8f;animation-delay:.78s;left:10.1%;width:2%}.netflixintro [class*=helper-] .effect-lumieres .lamp-4:before{animation-delay:1.74s;left:157%}.netflixintro [class*=helper-] .effect-lumieres .lamp-5{--color:#ff0100;animation-delay:1.95s;left:12.9%;width:1.4%}.netflixintro [class*=helper-] .effect-lumieres .lamp-5:before{animation-delay:.42s;left:22%}.netflixintro [class*=helper-] .effect-lumieres .lamp-6{--color:#ff9600;animation-delay:1.49s;left:15.3%;width:2.8%}.netflixintro [class*=helper-] .effect-lumieres .lamp-6:before{animation-delay:.36s;left:184%}.netflixintro [class*=helper-] .effect-lumieres .lamp-7{--color:#0084ff;animation-delay:.84s;left:21.2%;width:2.5%}.netflixintro [class*=helper-] .effect-lumieres .lamp-7:before{animation-delay:1.91s;left:167%}.netflixintro [class*=helper-] .effect-lumieres .lamp-8{--color:#f84006;animation-delay:.96s;left:25%;width:2.5%}.netflixintro [class*=helper-] .effect-lumieres .lamp-8:before{animation-delay:1.81s;left:57%}.netflixintro [class*=helper-] .effect-lumieres .lamp-9{--color:#ffc601;animation-delay:.87s;left:30.5%;width:3%}.netflixintro [class*=helper-] .effect-lumieres .lamp-9:before{animation-delay:.16s;left:167%}.netflixintro [class*=helper-] .effect-lumieres .lamp-10{--color:#ff4800;animation-delay:.78s;left:36.3%;width:3%}.netflixintro [class*=helper-] .effect-lumieres .lamp-10:before{animation-delay:1.22s;left:133%}.netflixintro [class*=helper-] .effect-lumieres .lamp-11{--color:#fd0100;animation-delay:.57s;left:41%;width:2.2%}.netflixintro [class*=helper-] .effect-lumieres .lamp-11:before{animation-delay:1.01s;left:184%}.netflixintro [class*=helper-] .effect-lumieres .lamp-12{--color:#01ffff;animation-delay:1.48s;left:44.2%;width:2.6%}.netflixintro [class*=helper-] .effect-lumieres .lamp-12:before{animation-delay:1.66s;left:63%}.netflixintro [class*=helper-] .effect-lumieres .lamp-13{--color:#ffc601;animation-delay:.07s;left:51.7%;width:.5%}.netflixintro [class*=helper-] .effect-lumieres .lamp-13:before{animation-delay:.96s;left:124%}.netflixintro [class*=helper-] .effect-lumieres .lamp-14{--color:#ffc601;animation-delay:1.63s;left:52.1%;width:1.8%}.netflixintro [class*=helper-] .effect-lumieres .lamp-14:before{animation-delay:.9s;left:119%}.netflixintro [class*=helper-] .effect-lumieres .lamp-15{--color:#0078fe;animation-delay:.45s;left:53.8%;width:2.3%}.netflixintro [class*=helper-] .effect-lumieres .lamp-15:before{animation-delay:1.93s;left:67%}.netflixintro [class*=helper-] .effect-lumieres .lamp-16{--color:#0080ff;animation-delay:1.42s;left:57.2%;width:2%}.netflixintro [class*=helper-] .effect-lumieres .lamp-16:before{animation-delay:1.35s;left:69%}.netflixintro [class*=helper-] .effect-lumieres .lamp-17{--color:#ffae01;animation-delay:.7s;left:62.3%;width:2.9%}.netflixintro [class*=helper-] .effect-lumieres .lamp-17:before{animation-delay:.42s;left:165%}.netflixintro [class*=helper-] .effect-lumieres .lamp-18{--color:#ff00bf;animation-delay:2s;left:65.8%;width:1.7%}.netflixintro [class*=helper-] .effect-lumieres .lamp-18:before{animation-delay:.44s;left:92%}.netflixintro [class*=helper-] .effect-lumieres .lamp-19{--color:#a601f4;animation-delay:.71s;left:72.8%;width:.8%}.netflixintro [class*=helper-] .effect-lumieres .lamp-19:before{animation-delay:1.36s;left:61%}.netflixintro [class*=helper-] .effect-lumieres .lamp-20{--color:#f30b34;animation-delay:.1s;left:74.3%;width:2%}.netflixintro [class*=helper-] .effect-lumieres .lamp-20:before{animation-delay:1.86s;left:72%}.netflixintro [class*=helper-] .effect-lumieres .lamp-21{--color:#ff00bf;animation-delay:.42s;left:79.8%;width:2%}.netflixintro [class*=helper-] .effect-lumieres .lamp-21:before{animation-delay:1.34s;left:25%}.netflixintro [class*=helper-] .effect-lumieres .lamp-22{--color:#04fd8f;animation-delay:.97s;left:78.2%;width:2%}.netflixintro [class*=helper-] .effect-lumieres .lamp-22:before{animation-delay:1.38s;left:47%}.netflixintro [class*=helper-] .effect-lumieres .lamp-23{--color:#01ffff;animation-delay:.54s;left:78.5%;width:2%}.netflixintro [class*=helper-] .effect-lumieres .lamp-23:before{animation-delay:.26s;left:8%}.netflixintro [class*=helper-] .effect-lumieres .lamp-24{--color:#a201ff;animation-delay:.36s;left:85.3%;width:1.1%}.netflixintro [class*=helper-] .effect-lumieres .lamp-24:before{animation-delay:1.04s;left:18%}.netflixintro [class*=helper-] .effect-lumieres .lamp-25{--color:#ec0014;animation-delay:.62s;left:86.9%;width:1.1%}.netflixintro [class*=helper-] .effect-lumieres .lamp-25:before{animation-delay:1.36s;left:8%}.netflixintro [class*=helper-] .effect-lumieres .lamp-26{--color:#0078fe;animation-delay:1.88s;left:88.8%;width:2%}.netflixintro [class*=helper-] .effect-lumieres .lamp-26:before{animation-delay:1.82s;left:48%}.netflixintro [class*=helper-] .effect-lumieres .lamp-27{--color:#ff0036;animation-delay:.39s;left:92.4%;width:2.4%}.netflixintro [class*=helper-] .effect-lumieres .lamp-27:before{animation-delay:1.3s;left:18%}.netflixintro [class*=helper-] .effect-lumieres .lamp-28{--color:#06f98c;animation-delay:1.84s;left:96.2%;width:2.1%}.netflixintro [class*=helper-] .effect-lumieres .lamp-28:before{animation-delay:.23s;left:120%}.netflixintro [class*=helper-] .effect-lumieres .lamp-1,.netflixintro [class*=helper-] .effect-lumieres .lamp-11,.netflixintro [class*=helper-] .effect-lumieres .lamp-13,.netflixintro [class*=helper-] .effect-lumieres .lamp-15,.netflixintro [class*=helper-] .effect-lumieres .lamp-17,.netflixintro [class*=helper-] .effect-lumieres .lamp-19,.netflixintro [class*=helper-] .effect-lumieres .lamp-21,.netflixintro [class*=helper-] .effect-lumieres .lamp-23,.netflixintro [class*=helper-] .effect-lumieres .lamp-25,.netflixintro [class*=helper-] .effect-lumieres .lamp-27,.netflixintro [class*=helper-] .effect-lumieres .lamp-3,.netflixintro [class*=helper-] .effect-lumieres .lamp-5,.netflixintro [class*=helper-] .effect-lumieres .lamp-7,.netflixintro [class*=helper-] .effect-lumieres .lamp-9{animation-duration:5s;animation-fill-mode:forwards;animation-name:lumieres-moving-left}.netflixintro [class*=helper-] .effect-lumieres .lamp-11:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-13:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-15:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-17:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-19:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-1:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-21:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-23:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-25:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-27:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-3:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-5:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-7:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-9:before{animation-duration:5.5s;animation-name:lumieres-moving-left}.netflixintro [class*=helper-] .effect-lumieres .lamp-10,.netflixintro [class*=helper-] .effect-lumieres .lamp-12,.netflixintro [class*=helper-] .effect-lumieres .lamp-14,.netflixintro [class*=helper-] .effect-lumieres .lamp-16,.netflixintro [class*=helper-] .effect-lumieres .lamp-18,.netflixintro [class*=helper-] .effect-lumieres .lamp-2,.netflixintro [class*=helper-] .effect-lumieres .lamp-20,.netflixintro [class*=helper-] .effect-lumieres .lamp-22,.netflixintro [class*=helper-] .effect-lumieres .lamp-24,.netflixintro [class*=helper-] .effect-lumieres .lamp-26,.netflixintro [class*=helper-] .effect-lumieres .lamp-28,.netflixintro [class*=helper-] .effect-lumieres .lamp-4,.netflixintro [class*=helper-] .effect-lumieres .lamp-6,.netflixintro [class*=helper-] .effect-lumieres .lamp-8{animation-duration:5s;animation-fill-mode:forwards;animation-name:lumieres-moving-right}.netflixintro [class*=helper-] .effect-lumieres .lamp-10:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-12:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-14:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-16:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-18:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-20:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-22:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-24:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-26:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-28:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-2:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-4:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-6:before,.netflixintro [class*=helper-] .effect-lumieres .lamp-8:before{animation-duration:5.5s;animation-name:lumieres-moving-right}@keyframes brush-moving{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes brush-moving-horizontal{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes fading-out{0%{opacity:1}to{opacity:0}}@keyframes lumieres-moving-right{0%{transform:translate(0)}40%{transform:translate(-10px) scaleX(1)}50%{transform:translate(-60px)}to{transform:translate(-120px) scaleX(3)}}@keyframes lumieres-moving-left{0%{transform:translate(0)}40%{transform:translate(10px) scaleX(1)}50%{transform:translate(60px)}to{transform:translate(120px) scaleX(3)}}@keyframes zoom-in{0%{transform:scale(1)}to{transform:scale(15)}}@keyframes showing-lumieres{0%{opacity:0}to{opacity:1}}@keyframes fading-lumieres-box{0%{background-color:#e4091380}to{background-color:#e4091300}}.netflix-logo-text{color:#e50914;font-family:Bebas Neue,Impact,Arial Black,sans-serif;font-size:120px;font-weight:550;letter-spacing:2px;margin:0;opacity:0;padding:20px;perspective:1000px;pointer-events:none;position:relative;text-align:center;text-transform:uppercase;transform:scale(.6);transform-style:preserve-3d;transition:none;z-index:5}.netflix-logo-text.text-visible{animation:textReveal 1s cubic-bezier(.16,1,.3,1) forwards}.netflix-logo-text.text-visible .curved-letter{animation:letterPop .4s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}.curved-letter{display:inline-block;text-shadow:0 0 40px #e5091480,0 0 80px #e5091433;transform-style:preserve-3d}@keyframes textReveal{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes letterPop{0%{opacity:0;transform:rotateY(0deg) translateY(-20px) scale(.8);transform:rotateY(var(--rotation,0deg)) translateY(calc(var(--translateY, 0px) - 20px)) scale(.8)}to{opacity:1;transform:rotateY(0deg) translateY(0) scale(1);transform:rotateY(var(--rotation,0deg)) translateY(var(--translateY,0)) scale(1)}}.animate.netflix-logo-text{animation:zoomOut 2s cubic-bezier(.4,0,.2,1) forwards!important}@keyframes zoomOut{0%{filter:brightness(1);opacity:1;transform:scale(1)}30%{filter:brightness(1.2);opacity:1;transform:scale(1.05)}to{filter:brightness(2);opacity:0;transform:scale(4)}}.click-prompt{align-items:center;animation:promptFade 2s ease-in-out infinite alternate;bottom:80px;display:flex;flex-direction:column;gap:12px;position:absolute;z-index:20}.prompt-ring{animation:ringPulse 2s ease-in-out infinite;border:2px solid #e5091480;border-radius:50%;height:50px;width:50px}.prompt-text{color:#ffffff80;font-family:Netflix Sans,Poppins,sans-serif;font-size:13px;letter-spacing:2px;text-transform:uppercase}@keyframes promptFade{0%{opacity:.4}to{opacity:.8}}@keyframes ringPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.2;transform:scale(1.2)}}@media (max-width:768px){.netflixintro{height:200px;width:200px}.netflix-logo-text{font-size:70px;letter-spacing:4px;padding:10px;perspective:600px}.curved-letter{letter-spacing:3px}@keyframes zoomOut{0%,30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.click-prompt{bottom:60px}.prompt-ring{height:40px;width:40px}.prompt-text{font-size:11px}}@media (max-width:480px){.netflixintro{height:150px;width:150px}.netflix-logo-text{font-size:50px;letter-spacing:2px;padding:10px;perspective:500px}.curved-letter{letter-spacing:2px}@keyframes zoomOut{0%,30%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}}@media (max-width:375px){.netflixintro{height:120px;width:120px}.netflix-logo-text{font-size:42px;letter-spacing:1px;padding:5px;perspective:400px}.curved-letter{letter-spacing:1px}}.profile-page{align-items:center;background-color:#141414;color:#fff;display:flex;min-height:100vh;position:relative}.profile-page:after{background:radial-gradient(ellipse at center,#0000 60%,#0000004d 100%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:999}.profile-page h1{font-size:clamp(1.4rem,4vw,2.5rem);margin-bottom:20px}@media (max-width:768px){.profile-page{min-height:100vh;padding:0 8px}.profile-page h1{font-size:1.8rem;margin-bottom:16px}}@media (max-width:480px){.profile-page h1{font-size:1.4rem;margin-bottom:12px}}.profile-banner{align-items:flex-end;color:#fff;display:flex;height:100%;min-height:100vh;overflow:hidden;position:relative;width:100%}.banner-bg{background-position:top;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.banner-gradient-bottom{background:linear-gradient(0deg,#141414 0,#141414cc 40%,#0000);height:45%;right:0}.banner-gradient-bottom,.banner-gradient-left{bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.banner-gradient-left{background:linear-gradient(90deg,#000000b3 0,#0000004d 50%,#0000);top:0;width:60%}.banner-content{box-sizing:border-box;max-width:650px;padding:0 4% 15vh;position:relative;z-index:2}.banner-badge{background:#e50914e6;border-radius:3px;color:#fff;font-family:Netflix Sans,Poppins,sans-serif;font-size:11px;font-weight:700;gap:8px;letter-spacing:1.5px;margin-bottom:16px;padding:4px 12px;text-transform:uppercase}.banner-badge,.banner-badge:before{align-items:center;display:inline-flex}.banner-badge:before{background:#e50914;border-radius:2px;content:"A";font-size:10px;font-weight:900;height:18px;justify-content:center;width:18px}.banner-headline{font-family:Netflix Sans,Poppins,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:16px;text-shadow:2px 2px 8px #0009}.banner-description{color:#e6e6e6;font-size:clamp(.9rem,1.2vw,1.15rem);font-weight:400;line-height:1.5;margin-bottom:24px;max-width:550px;text-shadow:1px 1px 4px #00000080}.banner-buttons{display:flex;flex-wrap:wrap;gap:12px}.banner-bottom-right{align-items:center;bottom:12vh;display:flex;gap:16px;position:absolute;right:4%;z-index:3}.banner-dots{align-items:center;display:flex;gap:3px}.banner-progress-bar{background:#ffffff4d;border:none;border-radius:1px;cursor:pointer;height:3px;overflow:hidden;padding:0;position:relative;transition:background .3s ease;width:28px}.banner-progress-bar .banner-progress-fill{background:#fff;border-radius:1px;height:100%;left:0;position:absolute;top:0;width:0}.banner-progress-bar.passed .banner-progress-fill{width:100%}.banner-progress-bar.active .banner-progress-fill{animation:progressFill 8s linear;width:100%}@keyframes progressFill{0%{width:0}to{width:100%}}.banner-progress-bar:hover{background:#ffffff80}.banner-mute-btn{align-items:center;background:#0000;border:1px solid #ffffff80;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.banner-mute-btn:hover{background:#ffffff1a;border-color:#fff}.banner-maturity{align-items:center;background:#3339;border-left:3px solid #ffffff80;color:#fff;display:inline-flex;font-size:13px;font-weight:600;letter-spacing:1px;padding:4px 12px}@media (max-width:768px){.banner-content{max-width:100%;padding:0 5% 10vh}.banner-headline{font-size:1.8rem;margin-top:0}.banner-description{font-size:.85rem;line-height:1.5}.banner-buttons{flex-direction:column;gap:8px}.banner-gradient-left{background:linear-gradient(0deg,#000c 0,#0000004d 50%,#0000);width:100%}.banner-bottom-right{bottom:6vh;gap:10px;right:5%}.banner-mute-btn{height:30px;width:30px}.banner-maturity{font-size:11px;padding:3px 8px}}@media (max-width:480px){.banner-content{padding:0 4% 8vh}.banner-headline{font-size:1.4rem}.banner-description{font-size:.8rem;max-width:100%}.banner-badge{font-size:10px;letter-spacing:1px;padding:3px 8px}.banner-buttons{gap:6px}.banner-bottom-right{bottom:4vh;gap:8px}.banner-dots{gap:2px}.banner-progress-bar{height:2px;width:20px}.banner-mute-btn{height:28px;width:28px}.banner-maturity{font-size:10px;padding:2px 6px}}.play-button{align-items:center;background-color:#fff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.play-button:hover{background-color:grey}.label{color:#000;font-size:1rem}@media (max-width:768px){.play-button{padding:8px 16px}.label{font-size:.9rem}}@media (max-width:480px){.play-button{padding:6px 12px}.label{font-size:.8rem}.spacer{width:.6rem}}.more-info-button{align-items:center;background-color:#6d6d6eb3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;padding:10px 20px;transition:background-color .3s ease;.label{color:#fff;font-size:1rem}}.more-info-button:hover{background-color:#6d6d6ee6}.icon-container{align-items:center;display:flex;justify-content:center}.spacer{width:1rem}@media (max-width:768px){.more-info-button{padding:8px 16px}.more-info-button .label{font-size:.9rem}}@media (max-width:480px){.more-info-button{padding:6px 12px}.more-info-button .label{font-size:.8rem}.spacer{width:.6rem}}.netflix-carousel{overflow:visible;padding:1rem 0;position:relative}.carousel-header{align-items:baseline;display:flex;gap:12px;margin-bottom:.5rem;padding:0 4%}.carousel-title{color:#e5e5e5;font-size:1.4rem;font-weight:700;margin:0}.carousel-title,.explore-all{font-family:Netflix Sans,Poppins,sans-serif}.explore-all{align-items:center;color:#54b9c5;display:flex;font-size:.75rem;gap:4px;opacity:0;text-decoration:none;transition:opacity .3s ease}.netflix-carousel:hover .explore-all{opacity:1}.explore-all:hover{color:#b3f0f7}.carousel-container{overflow:visible;position:relative}.carousel-content{-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;overflow-y:visible;padding:1rem 4%;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel-content::-webkit-scrollbar{display:none}.carousel-arrow{align-items:center;background:#141414b3;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;opacity:0;position:absolute;top:0;transition:opacity .3s ease,background .2s ease;width:55px;z-index:20}.carousel-container:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{background:#141414e6}.carousel-arrow-left{border-radius:0 4px 4px 0;left:0}.carousel-arrow-right{border-radius:4px 0 0 4px;right:0}@media (max-width:768px){.carousel-title{font-size:1.1rem}.carousel-content{-webkit-overflow-scrolling:touch;gap:6px;padding:.8rem 4%}.carousel-arrow{display:none}.carousel-container:after{background:linear-gradient(270deg,#141414 0,#0000);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:40px;z-index:10}.explore-all{opacity:1}}@media (max-width:480px){.carousel-title{font-size:.95rem}.carousel-content{gap:4px;padding:.5rem 3%}.carousel-container:after{width:24px}}.nf-card-wrapper{border-radius:6px;cursor:pointer;flex:0 0 auto;overflow:visible;position:relative;scroll-snap-align:start;transition:transform .3s cubic-bezier(.4,0,.2,1),z-index 0s .3s;width:230px}.nf-card-wrapper.expanded{transform:scale(1.35);transition:transform .3s cubic-bezier(.4,0,.2,1),z-index 0s;z-index:100}.nf-card-wrapper.expanded.expand-right{transform-origin:left center}.nf-card-wrapper.expanded.expand-left{transform-origin:right center}.nf-card-wrapper.expanded.expand-center{transform-origin:center center}.nf-card-thumbnail{background:#2a2a2a;border-radius:6px 6px 0 0;height:130px;overflow:hidden;position:relative;width:100%}.nf-card-wrapper:not(.expanded) .nf-card-thumbnail{border-radius:6px}.nf-card-thumbnail img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.nf-card-wrapper:hover .nf-card-thumbnail img{transform:scale(1.05)}.nf-card-new-badge{background:#46d369;border-radius:2px;color:#000;font-family:Netflix Sans,Poppins,sans-serif;font-size:9px;font-weight:800;left:6px;letter-spacing:.5px;padding:2px 6px;position:absolute;top:6px}.nf-card-progress-container{background:#333;bottom:0;height:4px;left:0;position:absolute;right:0}.nf-card-progress{background:#e50914;border-radius:0 2px 2px 0;height:100%}.nf-card-details{animation:cardSlideUp .2s ease-out;background:#181818;border-radius:0 0 6px 6px;box-shadow:0 10px 30px #000c;padding:12px}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nf-card-action-row{align-items:center;display:flex;gap:6px;margin-bottom:8px}.nf-card-btn{align-items:center;background:#2a2a2acc;border:2px solid #ffffff80;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.nf-card-btn:hover{background:#ffffff1a;border-color:#fff}.nf-card-btn-play{background:#fff;border-color:#fff;color:#000}.nf-card-btn-play:hover{background:#e6e6e6;border-color:#e6e6e6;color:#000}.nf-card-btn-active{background:#fff3;border-color:#fff}.nf-card-btn-spacer{flex:1 1}.nf-card-title{color:#fff;font-family:Netflix Sans,Poppins,sans-serif;font-size:11px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nf-card-metadata{color:#46d369;display:block;font-size:10px;font-weight:600;margin-bottom:4px}.nf-card-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.nf-card-match{color:#46d369;font-size:10px;font-weight:700}.nf-card-maturity{border:1px solid #fff6;color:#bcbcbc;font-size:8px;font-weight:600;letter-spacing:.5px;padding:0 4px}.nf-card-duration{color:#bcbcbc;font-size:9px}.nf-card-tags{align-items:center;display:flex;flex-wrap:wrap;gap:2px}.nf-card-tag{color:#bcbcbc;font-size:9px}.nf-card-tag-dot{color:#646464;font-size:6px;margin:0 3px}@media (max-width:768px){.nf-card-wrapper{width:150px}.nf-card-thumbnail{height:90px}.nf-card-wrapper.expanded{transform:scale(1.1);z-index:100}.nf-card-details{padding:8px}.nf-card-btn{height:24px;width:24px}.nf-card-title{font-size:10px}.nf-card-tag{font-size:8px}}@media (max-width:480px){.nf-card-wrapper{width:130px}.nf-card-thumbnail{height:75px}.nf-card-details{padding:6px}.nf-card-action-row{gap:4px}.nf-card-btn{height:22px;width:22px}}.top-picks-row{margin:20px 0;padding:10px 20px}.row-title{animation:fadeIn 1s ease-in-out;color:#fff;font-size:clamp(1.2rem,3vw,2rem);margin-bottom:20px}.card-row{gap:15px}.pick-card{animation:slideIn .5s ease forwards;border-radius:8px;box-shadow:0 4px 8px #0003;cursor:pointer;height:200px;transition:transform .3s ease,box-shadow .3s ease;width:250px}.pick-card:hover{box-shadow:0 8px 20px #ff000080;cursor:pointer}.pick-image{transition:transform .3s ease}.pick-card:hover .pick-image{transform:scale(1.1)}.overlay{background:#00000080;bottom:0;opacity:0;right:0}.pick-label{font-size:1.2rem;text-shadow:0 2px 4px #00000080}.pick-label:hover{color:#995050}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.top-picks-row{padding:8px 12px}.row-title{font-size:1.4rem;margin-bottom:12px}.card-row{-ms-overflow-style:none;gap:10px;overflow-x:auto;scrollbar-width:none}.card-row::-webkit-scrollbar{display:none}.pick-card{flex-shrink:0;height:150px;width:180px}}@media (max-width:480px){.top-picks-row{padding:6px 8px}.row-title{font-size:1.2rem}.pick-card{height:120px;width:140px}.pick-label{font-size:.9rem}}.continue-watching-row{color:#fff;padding:20px}.continue-watching-row:hover{cursor:pointer}.row-title{font-size:1.5rem;margin-bottom:10px}.card-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.card-row::-webkit-scrollbar{display:none}.pick-card{border-radius:5px;flex:0 0 auto;min-width:150px;overflow:hidden;position:relative;transition:transform .3s ease}.pick-card:hover{transform:scale(1.05)}.pick-image{display:block;object-fit:cover}.overlay,.pick-image{height:100%;width:100%}.overlay{align-items:center;background-color:#00000080;display:flex;justify-content:center;left:0;position:absolute;top:0;transition:opacity .3s ease}.overlay,.pick-card:hover .overlay{opacity:1}.pick-label{color:#fff;font-size:1rem;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.continue-watching-row{padding:12px}.pick-card{min-width:120px}.pick-label{font-size:.85rem}}@media (max-width:480px){.continue-watching-row{padding:8px}.pick-card{min-width:100px}.pick-label{font-size:.75rem}}.top-10-item{align-items:center;cursor:pointer;display:flex;flex:0 0 auto;min-width:280px;position:relative;transition:transform .3s ease}.top-10-item:hover{transform:scale(1.05)}.top-10-number{-webkit-text-stroke:4px #e5e5e5;color:#0000;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(4rem,10vw,10rem);font-weight:900;line-height:.8;margin-right:-35px;position:relative;text-shadow:0 0 20px #00000080;-webkit-user-select:none;user-select:none;z-index:1}.top-10-poster{border-radius:6px;box-shadow:0 4px 20px #00000080;flex-shrink:0;height:230px;overflow:hidden;position:relative;width:160px;z-index:2}.top-10-poster img{height:100%;object-fit:cover;width:100%}@media (max-width:768px){.top-10-item{min-width:200px}.top-10-number{-webkit-text-stroke:3px #e5e5e5;font-size:6rem;margin-right:-20px}.top-10-poster{height:160px;width:110px}}@media (max-width:480px){.top-10-item{min-width:160px}.top-10-number{-webkit-text-stroke:2px #e5e5e5;font-size:4rem;margin-right:-15px}.top-10-poster{height:125px;width:85px}}.detail-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.detail-modal-content{background:#181818;border-radius:12px;box-shadow:0 20px 60px #000000e6;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;scrollbar-color:#555 #0000;scrollbar-width:thin;width:90%}.detail-modal-content::-webkit-scrollbar{width:6px}.detail-modal-content::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.detail-modal-close{align-items:center;background:#181818;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s ease;width:36px;z-index:10}.detail-modal-close:hover{background:#333}.detail-modal-hero{height:400px;overflow:hidden;position:relative;width:100%}.detail-modal-hero img{height:100%;object-fit:cover;width:100%}.detail-modal-hero-gradient{background:linear-gradient(0deg,#181818 0,#0000);bottom:0;height:60%;left:0;position:absolute;right:0}.detail-modal-hero-content{bottom:24px;left:32px;position:absolute;right:32px;z-index:2}.detail-modal-title{color:#fff;font-family:Netflix Sans,Poppins,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:800;margin-bottom:16px;text-shadow:2px 2px 8px #0009}.detail-modal-actions{display:flex;gap:10px}.detail-modal-body{padding:24px 32px 40px}.detail-modal-meta-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.detail-modal-badge{background:#e50914e6;border-radius:3px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;padding:3px 10px;text-transform:uppercase}.detail-modal-metadata{color:#46d369;font-size:14px;font-weight:600}.detail-modal-description{color:#d2d2d2;font-size:15px;line-height:1.6;margin-bottom:20px}.detail-modal-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.detail-modal-tag{background:#ffffff14;border-radius:4px;color:#bcbcbc;font-size:12px;padding:4px 12px}.detail-modal-section{margin-bottom:20px}.detail-modal-section h3{color:#fff;font-size:16px;font-weight:700;margin-bottom:8px}.detail-modal-section ul{list-style:none;padding:0}.detail-modal-section li{color:#d2d2d2;font-size:14px;line-height:1.7;padding-left:16px;position:relative}.detail-modal-section li:before{color:#e50914;content:"•";left:0;position:absolute}@media (max-width:768px){.detail-modal-content{border-radius:8px;max-height:95vh;width:95%}.detail-modal-hero{height:250px}.detail-modal-hero-content{bottom:16px;left:16px;right:16px}.detail-modal-body{padding:16px 16px 32px}.detail-modal-actions{flex-direction:column;gap:8px}}@media (max-width:480px){.detail-modal-content{border-radius:6px;max-height:98vh;width:98%}.detail-modal-hero{height:180px}.detail-modal-hero-content{bottom:12px;left:12px;right:12px}.detail-modal-body{padding:12px 12px 24px}.detail-modal-description{font-size:13px}.detail-modal-section li{font-size:12px}.detail-modal-tag{font-size:11px;padding:3px 8px}.detail-modal-close{height:30px;right:8px;top:8px;width:30px}}.profile-card{cursor:pointer;height:140px;position:relative;text-decoration:none;width:140px}.profile-card .image-container{border:3px solid #0000;border-radius:4px;height:100%;overflow:hidden;position:relative;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.profile-card:hover .image-container{border-color:#fff;box-shadow:0 0 18px #fff3}.profile-card .image-container:after{align-items:center;background:#00000080;border-radius:2px;color:#fff;content:"\270E";display:flex;font-size:2rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease;z-index:1}.profile-card:hover .image-container:after{opacity:1}.profile-image{border-radius:2px;height:100%;object-fit:cover;width:100%}.profile-name{color:grey;display:block;font-size:16px;font-weight:400;line-height:1.4;margin-top:10px;text-align:center;transition:color .2s ease}.profile-card:hover .profile-name{color:#fff}@media (max-width:768px){.profile-card{height:110px;width:110px}.profile-name{font-size:13px;margin-top:8px}.profile-card .image-container:after{display:none}}@media (min-width:769px) and (max-width:1200px){.profile-card{height:120px;width:120px}.profile-name{font-size:14px}}.browse-container{align-items:center;background-color:#141414;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;position:relative}.who-is-watching{color:#fff;font-family:Netflix Sans,Poppins,sans-serif;font-size:3.5vw;font-weight:400;margin-bottom:2rem;text-align:center;width:100%}.profiles{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.manage-profiles-btn{background:#0000;border:1px solid grey;color:grey;cursor:pointer;font-family:Netflix Sans,Poppins,sans-serif;font-size:14px;font-weight:500;letter-spacing:2px;margin-top:2.5rem;padding:.5em 1.5em;text-transform:uppercase;transition:all .2s ease}.manage-profiles-btn:hover{border-color:#fff;color:#fff}.last-used-profile{position:relative}.last-used-profile:after{background:#e50914;border-radius:50%;bottom:-8px;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}@media (max-width:768px){.who-is-watching{font-size:28px}.profiles{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);justify-items:center;max-width:300px}.manage-profiles-btn{margin-top:2rem}}@media (max-width:480px){.who-is-watching{font-size:22px;margin-bottom:1.5rem}.profiles{gap:16px;max-width:260px}.manage-profiles-btn{font-size:12px;letter-spacing:1.5px;margin-top:1.5rem;padding:.4em 1em}}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline-element-icon.shadow-size-small{-webkit-box-shadow:0 0 0 2px #fff,inset 0 1px 0 #00000014,0 2px 0 4px #0000000d;box-shadow:0 0 0 2px #fff,inset 0 1px 0 #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{-webkit-box-shadow:0 0 0 3px #fff,inset 0 2px 0 #00000014,0 3px 0 5px #0000000d;box-shadow:0 0 0 3px #fff,inset 0 2px 0 #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 4px 0 6px #0000000d;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid #0000;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid #0000;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.work-experience-container{background-color:#141414;color:#fff;min-height:100vh;padding-top:4rem}.work-experience-content{margin:0 auto;max-width:1200px;padding:80px 4%}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#000000f2,#0000);left:0;padding:1.5rem 4%;right:0}.logo{color:#e50914;cursor:pointer;font-size:2rem;font-weight:900;letter-spacing:2px;margin:0}.nav-links{display:flex;gap:2rem}.nav-links span{cursor:pointer;font-size:1rem;font-weight:500;position:relative;transition:color .3s ease}.nav-links span.active,.nav-links span:hover{color:#e50914}.nav-links span.active:after{background:#e50914;bottom:-5px;content:"";height:2px;left:0;position:absolute;right:0}.about-content{margin:0 auto;max-width:1200px;padding:120px 4% 80px}.about-header{margin-bottom:60px;text-align:center}.about-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e50914,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:900;margin:0 0 1rem}.about-subtitle{color:#999;font-size:1.5rem;font-weight:300;line-height:1.6;margin:0 auto;max-width:800px}.stats-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:4rem 0;padding:0 2rem}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:3rem 2rem;text-align:center;transition:all .3s ease}.stat-card:hover{background:#ffffff0d;border-color:#e5091480;box-shadow:0 20px 40px #e5091433;transform:translateY(-10px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e50914,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:900;line-height:1;margin:0 0 1rem}.stat-label{color:#b3b3b3;font-size:1.2rem;font-weight:500;letter-spacing:1px;margin:0;text-transform:uppercase}.about-archit-section{margin:0 auto 4rem;max-width:900px;padding:0 2rem;text-align:center}.about-archit-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 1.5rem}.about-archit-text{color:#b3b3b3;font-size:1.15rem;line-height:1.9;margin:0}.about-main{display:flex;flex-direction:column;gap:3rem}.about-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:2.5rem;transition:all .3s ease}.about-section:hover{background:#ffffff0d;border-color:#e509144d;transform:translateY(-5px)}.about-section h2{color:#e50914;font-size:2rem;font-weight:700;margin:0 0 1.5rem}.about-section p{color:#b3b3b3;font-size:1.1rem;line-height:1.8;margin:0}.skills-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.skill-category{background:#0000004d;border:1px solid #ffffff14;border-radius:8px;padding:1.5rem}.skill-category h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 1rem}.skill-category ul{list-style:none;margin:0;padding:0}.skill-category li{border-bottom:1px solid #ffffff0d;color:#b3b3b3;font-size:1rem;padding:.5rem 0}.skill-category li:last-child{border-bottom:none}.education-card{background:#0000004d;border-left:4px solid #e50914;border-radius:8px;padding:2rem}.education-card h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.education-card .institution{color:#e50914;font-size:1.1rem;font-weight:500;margin:.5rem 0}.education-card .duration{color:#999;font-size:1rem;margin:0}.social-links{display:flex;flex-wrap:wrap;gap:1.5rem}.social-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;display:flex;font-size:1.1rem;font-weight:500;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.social-btn:hover{background:#e50914;border-color:#e50914;box-shadow:0 8px 20px #e5091466;transform:translateY(-3px)}.social-btn svg{font-size:1.3rem}.resume-section{display:flex;justify-content:center;margin-top:2rem;padding:3rem 0}.download-resume-btn{align-items:center;background:linear-gradient(135deg,#e50914,#f44);border:none;border-radius:50px;box-shadow:0 10px 30px #e5091466;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;gap:.8rem;letter-spacing:1px;padding:1.2rem 3rem;text-transform:uppercase;transition:all .4s ease}.download-resume-btn:hover{background:linear-gradient(135deg,#f44,#e50914);box-shadow:0 15px 40px #e5091499;transform:translateY(-5px) scale(1.05)}.download-resume-btn svg{animation:bounce 2s infinite;font-size:1.5rem}@media (max-width:768px){.about-title{font-size:2.5rem}.about-subtitle{font-size:1.2rem}.nav-links{display:none}.stats-container{gap:1.5rem;grid-template-columns:1fr;margin:3rem 0;padding:0 1rem}.stat-card{padding:2rem 1.5rem}.stat-number{font-size:3rem}.stat-label{font-size:1rem}.about-archit-section{margin-bottom:3rem;padding:0 1rem}.about-archit-title{font-size:1.8rem}.about-archit-text{font-size:1rem;line-height:1.7}.about-section{padding:1.5rem}.skills-grid{gap:1.5rem;grid-template-columns:1fr}.social-links{flex-direction:column}.social-btn{justify-content:center;width:100%}.download-resume-btn{font-size:1.1rem;padding:1rem 2rem}}.timeline-section{margin-top:5rem}.timeline-container{margin-top:3rem;padding:20px;text-align:center}.timeline-title{animation:fadeInUp 2s ease-in-out both;color:#e50914;display:inline-block;font-size:3rem;font-weight:900;margin-bottom:40px;opacity:0;text-align:center;transform:translateY(20px)}.vertical-timeline-element-content{transition:transform .3s ease,box-shadow .3s ease}.vertical-timeline-element-content:hover{box-shadow:0 4px 12px #0003;transform:scale(1.02)}.timeline-container{display:flex;justify-content:center}.recommendation-card{background-color:#1e1e1e;border:2px dotted #e50914;border-radius:10px;box-shadow:0 8px 20px #ff00004d,0 0 10px #f003;color:#fff;max-width:800px;padding:25px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.recommendation-card:hover{box-shadow:0 12px 30px #ff000080,0 0 15px #f006;transform:scale(1.03)}.recommendation-header{align-items:center;display:flex}.profile-pic{border:2px solid #e50914;border-radius:50%;height:70px;margin-right:15px;width:70px}.recommendation-header h3{color:#e50914;font-size:1.5rem;margin:0}.recommendation-header p{color:#999;font-size:.9rem;margin:3px 0}.date{color:#ccc;font-size:.8rem}.recommendation-body{font-size:1rem;line-height:1.6}.recommendation-body p{margin-bottom:15px}.recommendation-body strong{color:#e50914}.recommendation-body p:first-of-type{font-size:1.1rem;font-weight:700;margin-bottom:20px}.skills-container{color:#fff;margin:auto;max-width:1000px;padding:40px;text-align:center}.skills-title{color:#e50914;font-size:clamp(1.5rem,4vw,2.5rem)}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.skill-card{background-color:#1e1e1e;border-radius:10px;box-shadow:0 4px 10px #0000004d;color:#e6e6e6;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{box-shadow:0 8px 20px #ff000080;cursor:pointer;transform:scale(1.05)}.icon{color:#e50914;font-size:2rem;margin-bottom:10px}.skill-name{display:flex;justify-content:center}.letter{animation:dropIn .5s ease-out forwards;display:inline-block;opacity:0;transform:translateY(-20px)}@keyframes dropIn{to{opacity:1;transform:translateY(0)}}.skill-description{color:#999;font-size:.9rem}.skills-title{animation:fadeSlideIn 1s ease forwards;color:#da8185;font-size:2.5rem;margin-bottom:30px}.category-title,.skills-title{opacity:0;transform:translateY(20px)}.category-title{animation:fadeSlideIn .8s ease forwards;border-bottom:2px solid #e50914;color:#e6e6e6;display:inline-block;font-size:clamp(1.1rem,3vw,1.8rem);margin:30px 0 20px;padding-bottom:5px}.category-title:first-child{animation-delay:.2s}.category-title:nth-child(2){animation-delay:.4s}.category-title:nth-child(3){animation-delay:.6s}.category-title:nth-child(4){animation-delay:.8s}.category-title:nth-child(5){animation-delay:1s}@keyframes fadeSlideIn{to{opacity:1;transform:translateY(10)}}@media (max-width:768px){.skills-container{padding:80px 16px 30px}.skills-title{font-size:1.8rem;margin-bottom:20px}.category-title{font-size:1.3rem;margin:20px 0 14px}.skills-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.skill-card{padding:14px}.icon{font-size:1.5rem}.skill-description{font-size:.8rem}}@media (max-width:480px){.skills-container{padding:70px 12px 20px}.skills-title{font-size:1.5rem}.category-title{font-size:1.1rem}.skills-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.skill-card{padding:10px}.icon{font-size:1.3rem}.skill-description{font-size:.75rem}}.projects-container{background-color:#141414;color:#fff;padding:120px 20px}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center}.project-card{animation:fadeInUp .5s ease-in-out forwards;animation-delay:var(--delay);background:#1e1e1e;border-radius:12px;box-shadow:0 6px 15px #a0101099;opacity:0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 10px 20px #f4000d99;cursor:pointer;transform:scale(1.05)}.project-image{border-bottom:2px solid #e50914;height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image{transform:scale(1.05)}.project-details{padding:20px}.project-details h3{color:#e74e56;color:#e50914;font-size:1.2rem;margin-bottom:10px}.project-details p{font-size:.8rem;line-height:1.2rem;margin-bottom:15px}.tech-used{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.tech-badge{align-items:center;background:#2c2c2c;border-radius:12px;box-shadow:0 2px 5px #0000004d;color:#fff;display:inline-flex;font-size:.8rem;padding:5px 10px;transition:transform .2s ease,box-shadow .2s ease}.tech-badge:hover{background-color:#e50914;box-shadow:0 4px 10px #e5091499;color:#fff;transform:scale(1.1)}.tech-badge svg{font-size:1.2rem;margin-right:5px}@media (max-width:768px){.projects-container{padding:80px 16px}.projects-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.project-image{height:160px}.project-details{padding:14px}.project-details h3{font-size:1.1rem}.tech-used{gap:8px;margin-top:12px}}@media (max-width:480px){.projects-container{padding:70px 10px}.projects-grid{gap:12px;grid-template-columns:1fr}.project-image{height:140px}.project-details{padding:12px}.project-details h3{font-size:1rem}.project-details p{font-size:.75rem}.tech-badge{font-size:.7rem;padding:3px 8px}}.contact-container{animation:fadeIn .8s ease-in-out;background-color:#141414;color:#e6e6e6;padding:100px 20px;text-align:center}.linkedin-badge-custom{background:#222;border-radius:8px;box-shadow:0 4px 10px #0000004d;color:#e6e6e6;display:flex;flex-direction:column;margin:0 auto;max-width:350px;overflow:hidden}.badge-image-container{align-items:center;background:#1a1a1a;display:flex;height:280px;justify-content:center;overflow:hidden;width:100%}.badge-avatar{height:100%;object-fit:cover;object-position:center top;width:100%}.badge-content{padding:20px;text-align:center}.badge-name{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.badge-title{color:#aaa;font-size:.9rem;margin:0}.badge-description{color:#ccc;font-size:.85rem;margin:5px 0}.badge-company{color:#888;font-size:.85rem}.badge-link{align-items:center;background-color:#0077b5;border-radius:5px;color:#fff;display:inline-flex;font-weight:700;margin-top:10px;padding:8px 12px;text-decoration:none;transition:background-color .3s ease}.badge-link:hover{background-color:#005983}.linkedin-icon{margin-right:5px}.contact-header p{color:#ccc;font-size:1.2rem;margin:20px 0 30px}.contact-details{flex-direction:column;gap:20px}.contact-details,.contact-item{align-items:center;display:flex}.contact-item{background:#1e1e1e;border-radius:25px;box-shadow:0 4px 10px #00000080;cursor:pointer;gap:10px;padding:10px 20px;transition:transform .3s ease,box-shadow .3s ease}.contact-item:hover{box-shadow:0 8px 20px #d62b2b99;transform:scale(1.05)}.contact-icon{color:#d62b2b;font-size:1.5rem}.contact-link{color:#fff;font-size:1.1rem;text-decoration:none}.contact-link:hover{text-decoration:underline}.contact-fun{align-items:center;color:#e6e6e6;display:flex;font-size:1.2rem;gap:10px;margin-top:30px}.coffee-icon{animation:swing 1s ease-in-out infinite;color:#f90;font-size:2rem}@keyframes swing{0%,to{transform:rotate(0deg)}50%{transform:rotate(30deg)}}@media (max-width:768px){.contact-container{padding:80px 16px}.contact-header p{font-size:1rem;margin:16px 0 20px}.linkedin-badge-custom{max-width:300px}.badge-image-container{height:220px}.contact-icon{font-size:1.3rem}.contact-link{font-size:.95rem}.contact-fun{flex-wrap:wrap;font-size:1rem;justify-content:center}}@media (max-width:480px){.contact-container{padding:70px 10px}.contact-header p{font-size:.9rem}.linkedin-badge-custom{max-width:100%}.badge-image-container{height:180px}.badge-content{padding:14px}.contact-item{padding:8px 14px}.contact-link{font-size:.85rem}.coffee-icon{font-size:1.5rem}.contact-fun{font-size:.9rem}}.bell-btn,.notification-bell{position:relative}.bell-btn{background:none;border:none;color:#e5e5e5;cursor:pointer;font-size:18px;padding:4px;transition:color .2s ease}.bell-btn:hover{color:#fff}.bell-indicator{background:#e50914;border-radius:50%;height:8px;position:absolute;right:2px;top:2px;width:8px}.bell-dropdown{animation:bellSlideDown .2s ease-out;background:#000;border:1px solid #333;border-radius:4px;box-shadow:0 8px 30px #000c;margin-top:12px;position:absolute;right:0;top:100%;width:320px;z-index:1000}@keyframes bellSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bell-dropdown-header{border-bottom:1px solid #333;color:#fff;font-size:16px;font-weight:700;padding:12px 16px}.bell-notification-item{border-bottom:1px solid #222;display:flex;gap:12px;padding:14px 16px;transition:background .2s ease}.bell-notification-item:hover{background:#1a1a1a}.bell-notification-item:last-child{border-bottom:none}.bell-notification-dot{background:#e50914;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.bell-notification-content{flex:1 1}.bell-notification-text{color:#e5e5e5;font-size:13px;line-height:1.3;margin:0 0 4px}.bell-notification-time{color:grey;font-size:11px}@media (max-width:768px){.bell-dropdown{right:-60px;width:280px}}.navbar{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(180deg,#000000b3 10%,#0000);color:#fff;display:flex;justify-content:space-between;padding:15px 4%;position:fixed;top:0;transition:background .4s ease,-webkit-backdrop-filter .4s ease;transition:background .4s ease,backdrop-filter .4s ease;transition:background .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease;width:100%;z-index:100}.navbar.scrolled{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#141414f2}.navbar-left,.navbar-right{align-items:center;display:flex}.navbar-logo-text{color:#e50914;font-family:Bebas Neue,Impact,Arial Black,sans-serif;font-size:1.8rem;font-weight:550;letter-spacing:2px;margin-left:10px;margin-right:30px;perspective:500px;text-decoration:none;text-transform:uppercase;transform-style:preserve-3d;transition:transform .3s}.navbar-curved-letter{display:inline-block;transform-style:preserve-3d;transition:transform .3s ease}.navbar-logo-text:hover{transform:scale(1.05)}.navbar-links{display:flex;gap:20px;list-style:none;margin:0;padding:0}.navbar-links li a{color:#e5e5e5;font-size:14px;font-weight:500;padding-bottom:4px;position:relative;text-decoration:none;transition:color .3s}.navbar-links li a:after{background:#e50914;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.navbar-links li a:hover{color:#fff}.navbar-links li a:hover:after{width:100%}.navbar-links li a.active{color:#fff;font-weight:700}.navbar-links li a.active:after{background:#e50914;width:100%}.navbar-icon-btn{align-items:center;background:none;border:none;color:#e5e5e5;cursor:pointer;display:flex;font-size:16px;padding:4px;transition:color .2s ease}.navbar-icon-btn:hover{color:#fff}.navbar-right{gap:16px}.navbar-search{align-items:center;display:flex;position:relative}.navbar-search .search-input{background:#0000;border:none;color:#fff;font-size:14px;opacity:0;padding:0;transition:all .3s ease;width:0}.navbar-search.open .search-input{background:#000000bf;border:1px solid #fff;opacity:1;padding:8px 12px 8px 36px;width:200px}.navbar-search.open .search-btn{left:8px;position:absolute;z-index:1}.search-input::placeholder{color:grey}.search-input:focus{outline:none}.search-results{background:#000000f2;border:1px solid #ffffff26;border-top:none;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:200}.search-result-item{align-items:center;color:#e5e5e5;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 14px;transition:background .2s ease}.search-result-item:hover{background:#ffffff1a;color:#fff}.search-result-item svg{color:grey;flex-shrink:0}.profile-dropdown{margin-right:2rem;position:relative}.profile-trigger{align-items:center;cursor:pointer;display:flex;gap:8px}.profile-icon{border-radius:4px;cursor:pointer;height:32px;transition:transform .3s;width:32px}.profile-trigger .caret{color:#fff;font-size:10px;transition:transform .3s ease}.profile-trigger .caret.open{transform:rotate(180deg)}.profile-menu{background:#000000e6;border:1px solid #ffffff26;border-radius:4px;margin-top:15px;opacity:0;padding:10px 0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;width:200px}.profile-menu.open{opacity:1;transform:translateY(0);visibility:visible}.profile-menu:before{border:8px solid;border-color:#0000 #0000 #ffffff26;content:"";position:absolute;right:20px;top:-15px}.profile-menu-item{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 15px;transition:background .2s ease}.profile-menu-item:hover{background:#ffffff1a}.profile-menu-item img{border-radius:4px;height:32px;width:32px}.profile-menu-divider{background:#ffffff26;height:1px;margin:8px 0}.hamburger,.sidebar,.sidebar-overlay{display:none}@media (max-width:768px){.navbar{padding:10px 4%}.navbar-logo-text{font-size:1.2rem;margin-right:auto}.profile-dropdown{margin-right:0}.profile-icon{height:28px;width:28px}.navbar-search{display:none}.profile-menu{right:-10px}.navbar-links{display:none}.hamburger{cursor:pointer;display:block}.hamburger div{background-color:#fff;height:3px;margin:4px;transition:.3s;width:25px}.sidebar-overlay{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:3}.sidebar-overlay.open{display:block}.sidebar{background-color:#141414;color:#fff;flex-direction:column;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:70%;z-index:4}.sidebar.open{transform:translateX(0)}.sidebar-logo-text{color:#e50914;font-family:Bebas Neue,Impact,Arial Black,sans-serif;font-size:1.5rem;font-weight:550;letter-spacing:2px;margin-bottom:30px;perspective:400px;text-transform:uppercase;transform-style:preserve-3d}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar ul li{align-items:center;display:flex;gap:10px;padding:15px 20px}.sidebar ul li a{align-items:center;color:#fff;display:flex;font-size:1.2rem;gap:8px;text-decoration:none;transition:color .2s ease}.sidebar ul li a.active{color:#e50914;font-weight:700}.hamburger-icon{font-size:1.5rem;margin-right:5px}.sidebar{align-items:center;display:flex;justify-content:center}}.netflix-footer{background:#141414;margin:40px auto 0;max-width:980px;padding:40px 4% 30px}.footer-social{display:flex;gap:20px;margin-bottom:24px}.footer-social a{color:#fff;font-size:1.3rem;transition:color .2s ease}.footer-social a:hover{color:#e50914}.footer-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-bottom:20px}.footer-links a{color:grey;font-size:13px;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#b3b3b3;text-decoration:underline}.footer-lang-row{margin-bottom:16px}.footer-lang-selector{align-items:center;background:#0000;border:1px solid grey;color:grey;cursor:pointer;display:inline-flex;font-size:13px;gap:8px;padding:6px 12px;position:relative;transition:color .2s ease,border-color .2s ease}.footer-lang-selector:hover{border-color:#fff;color:#fff}.footer-lang-caret{font-size:10px}.footer-lang-dropdown{background:#000;border:1px solid #333;bottom:100%;left:0;margin-bottom:4px;min-width:100%;position:absolute;z-index:10}.footer-lang-option{color:#e5e5e5;cursor:pointer;font-size:13px;padding:8px 12px;transition:background .2s ease}.footer-lang-option:hover{background:#333}.footer-service-code{border:1px solid grey;color:grey;display:inline-block;font-size:11px;margin-bottom:16px;padding:2px 6px}.footer-copyright{color:grey;font-size:12px}@media (max-width:768px){.netflix-footer{padding:30px 5% 20px}.footer-social{gap:16px;justify-content:center}.footer-links{gap:10px 20px;justify-content:center}.footer-links a{font-size:12px}.footer-copyright{text-align:center}}@media (max-width:480px){.netflix-footer{margin-top:24px;padding:20px 4% 16px}.footer-social{gap:14px;margin-bottom:16px}.footer-links{gap:8px 14px;margin-bottom:14px}.footer-links a{font-size:11px}.footer-copyright,.footer-service-code{font-size:10px}}.music-page{color:#fff;font-family:Arial,sans-serif;padding:100px 20px;text-align:center}.music-title{color:#f5f5f5;font-size:2.5rem;margin-bottom:20px}.quote{animation:fadeIn 2s ease-in-out;color:#ccc;font-size:1.2rem;font-style:italic;margin:20px 0 30px}.albums-section,.genre-section{margin:30px 0}.albums,.genres{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.genre-card{background:#ffffff1a;border-radius:10px;cursor:pointer;font-size:1.1rem;padding:15px 25px;transition:transform .3s,box-shadow .3s}.genre-card:hover{box-shadow:0 5px 15px #f003;transform:scale(1.1)}.album-card{align-items:center;background:#ffffff1a;border-radius:15px;box-shadow:0 0 5px #f006;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s;width:200px}.album-card:hover{box-shadow:0 10px 20px #ff000080;transform:translateY(-10px) scale(1.05)}.album-image{border-bottom:1px solid #ffffff1a;height:180px;object-fit:cover;width:100%}.album-details{padding:10px}.album-details h4{color:#fff;font-size:1.1rem;margin:10px 0 5px}.album-details p{color:#ccc;font-size:.9rem;margin:0}.genre-card{animation:popIn .5s ease-in forwards}.reading-container{color:#333;padding:5rem 2rem;text-align:center}.reading-title{animation:slideDown .8s ease-in-out;color:#ff6f61;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.reading-intro{color:#fff;font-size:1.1rem;margin-bottom:2rem}.books-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.book-card{animation:fadeInUp .5s ease forwards;animation:popUp 2s ease forwards;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;cursor:pointer;opacity:0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.book-card:hover{box-shadow:0 6px 15px #0003;box-shadow:0 0 20rem 20px #d31d1d66;transform:translateY(-10px);transform:scale(1.05)}.book-cover{height:300px;object-fit:cover;width:100%}.book-info{padding:1rem}.book-title{color:#333;font-size:1.2rem;margin:.5rem 0}.book-author{color:#888;font-size:1rem;margin-bottom:1rem}.book-description{color:#555;font-size:.9rem;transition:color .3s ease}.book-card:hover .book-description{color:#ff6f61}.book-title:lang(te){color:#4a90e2;font-family:Noto Sans Telugu,sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blogs-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:2rem}.blogs-title{animation:slideDown 1s ease-in-out forwards;color:#4a90e2;font-size:2.5rem;font-weight:700;margin-bottom:1rem;opacity:0;transform:translateY(-50px)}.blogs-intro{animation:fadeIn 1.5s ease-in-out forwards;color:#fff;font-size:1.1rem;margin-bottom:2rem;opacity:0;transform:translateY(-30px)}.blogs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;width:100%}.blog-card{align-items:center;animation:popUp .5s ease forwards,bounce 2s 1.5s infinite;background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;color:inherit;cursor:pointer;display:flex;gap:1rem;opacity:0;padding:1rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;width:90%}.blog-card:hover{box-shadow:1rem 1rem 1rem #0876f266;transform:scale(1.5)}.blog-icon{color:#4a90e2;font-size:2.5rem}.animated-icon{animation:pulse 1.5s infinite}.blog-info{text-align:left}.blog-title{color:#333;font-size:1.2rem;margin-bottom:.3rem}.blog-description{color:#666;font-size:.95rem;margin-bottom:.5rem}.blog-platform{color:#4a90e2;font-size:.85rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.certifications-container{align-items:center;animation:backgroundShift 10s ease-in-out infinite;background:linear-gradient(180deg,#000001e6 10%,#141414e6);background-size:200% 200%;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:10rem 1rem;text-align:center}.certifications-title{animation:slideDown .8s ease-in-out forwards;color:#e50914;font-size:2.5rem;font-weight:700;margin-bottom:2rem;opacity:0;text-transform:uppercase;transform:translateY(-20px)}.certifications-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;max-width:1000px;width:100%}.certification-card{align-items:center;animation:cardFadeIn .6s ease-in-out forwards;animation-delay:var(--delay);background:#ffffff1a;border-radius:10px;box-shadow:0 4px 12px #ff00001a;color:inherit;cursor:pointer;display:flex;justify-content:space-between;opacity:0;padding:1.5rem;text-decoration:none;transform:translateY(50px) rotate(-2deg) scale(.95);transition:transform .3s ease,box-shadow .3s ease}.certification-card:hover{box-shadow:0 10px 25px #e5091466;transform:scale(1.08) rotate(0deg)}.certification-content{display:flex;flex-direction:column;text-align:left}.certification-icon{color:#4a90e2;font-size:2rem;margin-bottom:.5rem}.certification-link{color:#e50914;font-size:1.5rem;transition:transform .2s ease}.certification-card:hover .certification-link{transform:scale(1.2)}.issued-date{color:#888;font-size:.85rem;margin-top:.5rem}@keyframes backgroundShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(50px) rotate(-2deg) scale(.95)}to{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}}.mylist-page{background:#141414;min-height:100vh;padding:100px 4% 60px}.mylist-title{color:#fff;font-family:Netflix Sans,Poppins,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;margin-bottom:30px}.mylist-grid{display:flex;flex-wrap:wrap;gap:12px}.mylist-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:40vh;text-align:center}.mylist-empty-text{color:#e5e5e5;font-size:1.3rem;margin-bottom:12px}.mylist-empty-sub{color:grey;font-size:.95rem}@media (max-width:768px){.mylist-page{padding:80px 4% 40px}.mylist-grid{gap:8px}.mylist-empty-text{font-size:1.1rem}}@media (max-width:480px){.mylist-page{padding:70px 3% 30px}.mylist-empty-text{font-size:1rem}.mylist-empty-sub{font-size:.85rem}}.project-detail-container{background-color:#141414;color:#fff;min-height:100vh}.project-not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:2rem;text-align:center}.project-not-found h1{color:#e50914;font-size:3rem;margin:0 0 1rem}.project-not-found p{color:#999;font-size:1.3rem;margin:0 0 2rem}.btn-primary{background:#e50914;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2.5rem;transition:all .3s ease}.btn-primary:hover{background:#fff;color:#000;transform:scale(1.05)}.project-hero{align-items:flex-end;display:flex;height:85vh;min-height:700px;overflow:hidden;padding-bottom:4rem;position:relative}.hero-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.hero-background img{filter:brightness(.4);height:100%;object-fit:cover;width:100%}.hero-gradient{background:linear-gradient(0deg,#141414 0,#0000);bottom:0;height:60%;left:0;position:absolute;right:0;z-index:1}.hero-content{margin-left:4%;max-width:900px;padding:0 4%;position:relative;z-index:2}.top-ten-badge-large{align-items:center;background:linear-gradient(135deg,#e50914,#f44);border-radius:12px;box-shadow:0 8px 30px #e5091499;display:inline-flex;flex-direction:column;margin-bottom:1.5rem;padding:1rem 1.5rem}.rank-number{font-size:2.5rem;font-weight:900;line-height:1}.rank-label{font-size:.9rem;font-weight:600;letter-spacing:1px;opacity:.9;text-transform:uppercase}.project-hero-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.1;margin:0 0 1.5rem;text-shadow:2px 2px 8px #000c}.project-meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.project-year{color:#b3b3b3;font-size:1.3rem;font-weight:600}.project-category{background:#e5091426;border:2px solid #e5091466;border-radius:20px;color:#e50914;letter-spacing:1px}.project-category,.trending-badge-large{font-size:1rem;font-weight:700;padding:.5rem 1.2rem}.trending-badge-large{animation:pulse 2s ease-in-out infinite;background:#ff450033;border:2px solid #ff450099;border-radius:20px;color:#ff4500}.project-hero-description{color:#e6e6e6;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.7;margin:0 0 2.5rem;max-width:700px;text-shadow:1px 1px 4px #000c}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:.8rem;letter-spacing:1px;padding:1rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.btn-play{background:#e50914;color:#fff}.btn-play:hover{background:#fff;box-shadow:0 8px 25px #e5091480;color:#000;transform:scale(1.05)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.project-content{margin:0 auto;max-width:1200px;padding:4rem 4%}.content-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:4rem;padding:3rem;transition:all .3s ease}.content-section:hover{background:#ffffff0d;border-color:#e509144d;transform:translateY(-5px)}.section-title{color:#e50914;font-size:2.5rem;font-weight:800;margin:0 0 2rem;padding-bottom:1rem;position:relative}.section-title:after{background:linear-gradient(90deg,#e50914,#0000);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:80px}.section-text{color:#b3b3b3;font-size:1.2rem;line-height:1.9;margin:0}.tech-stack-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tech-item{background:#0006;border:2px solid #ffffff26;border-radius:10px;padding:1.2rem;text-align:center;transition:all .3s ease}.tech-item:hover{background:#e5091433;border-color:#e50914;box-shadow:0 8px 20px #e509144d;transform:translateY(-5px)}.tech-name{color:#fff;font-size:1.1rem;font-weight:600}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.feature-item{align-items:flex-start;background:#0000004d;border:1px solid #ffffff14;border-radius:10px;color:#e6e6e6;display:flex;font-size:1.1rem;gap:1rem;padding:1.5rem;transition:all .3s ease}.feature-item:hover{background:#00000080;border-color:#e509144d;transform:translateX(5px)}.feature-icon{color:#e50914;flex-shrink:0;font-size:1.3rem;margin-top:.2rem}.challenges-list,.learnings-list{list-style:none;margin:0;padding:0}.challenges-list li,.learnings-list li{border-bottom:1px solid #ffffff14;color:#b3b3b3;font-size:1.2rem;line-height:1.8;padding:1.2rem 0 1.2rem 2rem;position:relative}.challenges-list li:before,.learnings-list li:before{color:#e50914;content:"�";font-size:1.5rem;font-weight:700;left:0;position:absolute}.challenges-list li:last-child,.learnings-list li:last-child{border-bottom:none}.related-section{background:#0000;border:none;padding:0}.related-section:hover{transform:none}.related-projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.back-button-container{border-top:1px solid #ffffff1a;margin-top:4rem;padding-top:3rem;text-align:center}.btn-back-large{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:600;gap:1rem;padding:1.2rem 3rem;transition:all .3s ease}.btn-back-large:hover{background:#e50914cc;border-color:#e50914;box-shadow:0 8px 25px #e5091466;transform:translateY(-3px)}@media (max-width:1024px){.tech-stack-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.features-grid,.related-projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.project-hero{height:70vh;min-height:600px;padding-bottom:2rem}.hero-content{margin-left:0}.project-hero-title{font-size:2.5rem}.project-hero-description{font-size:1.1rem}.btn{font-size:1rem;padding:.8rem 1.8rem}.project-content{padding:3rem 3%}.content-section{padding:2rem}.section-title{font-size:2rem}.section-text{font-size:1.1rem}.tech-stack-grid{gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.tech-item{padding:1rem}.tech-name{font-size:1rem}.features-grid{grid-template-columns:1fr}.feature-item{font-size:1rem}.challenges-list li,.learnings-list li{font-size:1.1rem}.related-projects-grid{grid-template-columns:1fr}}@media (max-width:480px){.project-hero{height:60vh;min-height:500px}.hero-content{margin-left:0;padding:0 5%}.project-hero-title{font-size:2rem;margin-bottom:1rem}.project-meta-info{gap:.8rem}.project-year{font-size:1.1rem}.project-category,.trending-badge-large{font-size:.85rem;padding:.4rem .9rem}.project-hero-description{font-size:1rem;margin-bottom:1.5rem}.hero-actions{gap:.8rem}.btn{font-size:.9rem;padding:.7rem 1.5rem}.project-content{padding:2rem 4%}.content-section{margin-bottom:2.5rem;padding:1.5rem}.section-title{font-size:1.6rem;margin-bottom:1.5rem}.section-text{font-size:1rem}.top-ten-badge-large{margin-bottom:1rem;padding:.8rem 1.2rem}.rank-number{font-size:2rem}.rank-label{font-size:.75rem}.tech-stack-grid{grid-template-columns:repeat(2,1fr)}.btn-back-large{font-size:1rem;padding:1rem 2rem}}.project-card-wrapper{background:#1f1f1f;border-radius:8px;box-shadow:0 4px 20px #00000080;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card-wrapper:hover{box-shadow:0 12px 40px #e5091480;transform:scale(1.05) translateY(-8px);z-index:20}.top-ten-badge{align-items:center;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#e50914,#f44);border-radius:50%;box-shadow:0 4px 20px #e5091499;color:#fff;display:flex;font-size:2rem;font-weight:900;height:60px;justify-content:center;left:12px;position:absolute;top:12px;width:60px;z-index:10}.top-ten-number{text-shadow:2px 2px 4px #00000080}.project-card-image{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);height:200px;overflow:hidden;position:relative;width:100%}.project-image-layer{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.project-image-layer.loaded{opacity:1}.project-image-layer.thumbnail{z-index:1}.project-image-layer.thumbnail.hidden{opacity:0;transform:scale(1.05)}.project-image-layer.preview{opacity:0;z-index:2}.project-image-layer.preview.visible{opacity:1}.project-card-wrapper:hover .project-image-layer{filter:brightness(1.1);transform:scale(1.15)}.project-card-wrapper:hover .project-image-layer.thumbnail.hidden{transform:scale(1.2)}.trending-badge{align-items:center;animation:pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff4500f2;border-radius:20px;box-shadow:0 4px 15px #ff450066;color:#fff;display:flex;font-size:.85rem;font-weight:700;gap:.3rem;padding:.5rem 1rem;position:absolute;right:12px;top:12px}.project-card-info{background:linear-gradient(180deg,#1f1f1f 0,#181818);display:flex;flex:1 1;flex-direction:column;gap:.8rem;padding:1.5rem}.project-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:1.3rem;font-weight:700;line-height:1.3;margin:0;overflow:hidden;transition:color .3s ease}.project-card-wrapper:hover .project-card-title{color:#e50914}.project-meta{align-items:center;color:#999;display:flex;font-size:.9rem;gap:1rem}.project-meta .year{color:#b3b3b3;font-weight:600}.project-meta .category{background:#e5091426;border:1px solid #e509144d;border-radius:12px;color:#e50914;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.3rem .8rem}.project-card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#b3b3b3;display:-webkit-box;flex:1 1;font-size:.95rem;line-height:1.6;margin:0;overflow:hidden}.tech-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tech-pill{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#fff;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease;white-space:nowrap}.tech-pill:hover{transform:translateY(-2px)}.tech-pill.more,.tech-pill:hover{background:#e5091433;border-color:#e50914}.tech-pill.more{color:#e50914;font-weight:700}.project-card-wrapper.loading{animation:pulse 1.5s ease-in-out infinite}@keyframes popIn{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@media (max-width:768px){.project-card-wrapper:hover{transform:scale(1.02) translateY(-4px)}.project-card-image{height:180px}.project-card-info{padding:1.2rem}.project-card-title{font-size:1.1rem}.project-card-description{-webkit-line-clamp:2;font-size:.9rem}.top-ten-badge{font-size:1.6rem;height:50px;width:50px}}@media (max-width:480px){.project-card-image{height:160px}.project-card-info{gap:.6rem;padding:1rem}.project-card-title{font-size:1rem}.project-meta{font-size:.8rem;gap:.5rem}.project-meta .category{font-size:.7rem;padding:.2rem .6rem}.project-card-description{font-size:.85rem}.tech-pills{gap:.4rem}.tech-pill{font-size:.75rem;padding:.3rem .6rem}.top-ten-badge{font-size:1.4rem;height:45px;left:8px;top:8px;width:45px}.trending-badge{font-size:.75rem;padding:.4rem .8rem}}.not-found{align-items:center;background:#141414;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative;text-align:center}.not-found:before{background:radial-gradient(circle,#e5091414 0,#0000 70%);content:"";height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.not-found-content{max-width:600px;position:relative;z-index:1}.not-found-title{color:#fff;font-family:Netflix Sans,Poppins,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:20px}.not-found-text{color:#b3b3b3;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin-bottom:30px}.not-found-btn{background:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;font-family:Netflix Sans,Poppins,sans-serif;font-size:1.1rem;font-weight:700;padding:12px 28px;transition:background .2s ease}.not-found-btn:hover{background:#ffffffd9}.not-found-code{border-left:3px solid #e50914;color:grey;display:inline-block;font-size:1.5rem;margin-top:30px;padding-left:16px}@media (max-width:480px){.not-found-btn{font-size:1rem;padding:10px 22px}.not-found-code{font-size:1.2rem}}.app{background-color:var(--netflix-black);color:var(--text-white);min-height:100vh}.loading-screen{align-items:center;animation:fadeOut .5s ease-out 2s forwards;background-color:#000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.loading-content{flex-direction:column;padding:0 1rem;text-align:center;width:100%}.loading-content,.loading-logo{align-items:center;display:flex;justify-content:center}.loading-logo{color:var(--netflix-red);font-family:Netflix Sans,Arial,sans-serif;font-size:6rem;font-weight:900;gap:.1rem;letter-spacing:.2rem}.loading-logo span{animation:netflixPop .6s ease-out forwards;display:inline-block;opacity:0;text-shadow:0 0 30px #e50914cc;transform:scale(0)}.loading-logo .letter-a{animation-delay:0s}.loading-logo .letter-r{animation-delay:.1s}.loading-logo .letter-c{animation-delay:.2s}.loading-logo .letter-h{animation-delay:.3s}.loading-logo .letter-i{animation-delay:.4s}.loading-logo .letter-t{animation-delay:.5s}.loading-logo .letter-f{animation-delay:.6s}.loading-logo .letter-l{animation-delay:.7s}.loading-logo .letter-i2{animation-delay:.8s}.loading-logo .letter-x{animation-delay:.9s}@keyframes netflixPop{0%{opacity:0;transform:scale(0) rotateY(180deg)}50%{transform:scale(1.2) rotateY(0deg)}to{opacity:1;transform:scale(1) rotateY(0deg)}}.loading-bar{background:#333;border-radius:2px;height:4px;margin:2rem auto 0;max-width:90%;overflow:hidden;width:300px}.loading-progress{animation:loadingProgress 2s ease-in-out forwards;background:var(--netflix-red);height:100%}@keyframes loadingProgress{0%{width:0}to{width:100%}}@media (max-width:768px){.loading-logo{font-size:3.5rem;gap:.05rem;letter-spacing:.15rem}.loading-bar{width:250px}}@media (max-width:480px){.loading-logo{font-size:2.8rem;gap:.03rem;letter-spacing:.1rem}.loading-bar{width:200px}}@media (max-width:360px){.loading-logo{font-size:2.2rem;letter-spacing:.05rem}.loading-bar{width:160px}}@keyframes loadingSlide{0%{width:0}30%{width:60%}60%{width:85%}to{width:100%}}
/*# sourceMappingURL=main.27bf1eef.css.map*/