:root{--main-color: #0D1C23;color:#fff;scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box;margin:0;font-family:Poppins,sans-serif}body{margin:0;min-height:100vh;color:#fff;background-color:#0d1c23;line-height:1.5;overflow-x:hidden}img{max-width:100%;height:auto;display:block}.main-wrapper,page{width:100%;max-width:1200px;margin:0 auto;padding-inline:1rem}@media(min-width:768px){.main-wrapper,page{padding-inline:1.25rem}}.card{width:100%;background:#00000080;border-radius:.75rem;padding:1.25rem;box-sizing:border-box}.link{color:inherit;text-decoration:none}auth-loading{background-color:red}.routeError{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0b0f1a;color:#fff}.routeError__card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:.75rem;text-align:center;max-width:420px}.routeError__link{display:inline-block;margin-top:1rem;color:#05f283;text-decoration:none;font-weight:600}.aboutAnchor{position:fixed;bottom:0;right:0;color:gray;transition:all .3s ease-in-out}.aboutAnchor .aboutAnchorArrow{font-size:3.9em}.aboutNav{position:sticky;top:0;background-color:#0d1c23f0;display:flex;align-items:center;justify-content:space-between;height:10vh;color:#fff;font-weight:600;padding:0 1.3rem;z-index:1000;transition:background-image .3s ease-in-out,color .3s ease-in-out}.aboutNav.scrolled{background-image:linear-gradient(to top,#0d1c23,#028eca);color:#0d1c23}.aboutNav .iconLeft{display:flex;align-items:center}.aboutNav .iconLeft .arrow{margin-right:.25rem}.aboutNav .socials{display:flex;align-items:center;justify-content:center}.about{padding:0% 13%;line-height:1.6;background-color:var(--main-color);font-family:Inter,Arial,sans-serif;color:#ffffffa8}.about .aboutTitle{text-align:center}.about img{display:block;width:100%;height:auto;margin-top:2em;margin-left:auto;margin-right:auto;object-fit:contain}.about h1,.about h2,.about h3,.about h4{color:#ffffffe6;margin-bottom:.625rem}.about h1{font-size:3em}.about h2{font-size:2.2em}.about h3{font-size:1.7em}.about h4{font-size:1.3em}.about p,.about ul,.about blockquote{background:#00000054;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px}.about ul{list-style-type:circle;padding-left:2em}.about a{color:#028eca;text-decoration:none;font-weight:700}.about a:hover{text-decoration:underline}.about blockquote{border-left:5px solid #05F283;font-style:italic;background:#dfe6e9;color:#000}.register{min-height:100vh;color:#fff;background:linear-gradient(180deg,#050810eb,#050810fa),url(/background.jpg) center/cover fixed}.register button,.register .button{min-height:3rem;padding:.45rem;border-radius:.25rem;font-weight:600;border:0;cursor:pointer;transition:transform .25s ease,opacity .25s ease,box-shadow .25s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.register button:hover,.register .button:hover{transform:translateY(-2px)}.register .button--primary,.register .logIn{background:#05f283;color:#052414;box-shadow:0 10px 30px #05f28359}.register .getStarted,.register .finish{background:linear-gradient(135deg,#028eca,#05a9f2);color:#002b56;box-shadow:0 10px 30px #028eca4d}.register .button--secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.register .top{position:sticky;top:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060a14b8;border-bottom:1px solid rgba(255,255,255,.12);z-index:100;padding:.75rem}.register .top .wrapper{width:100%;max-width:75rem;margin:0 auto;padding-inline:1rem}@media(min-width:768px){.register .top .wrapper{padding-inline:1.25rem}}.register .top .wrapper{width:100%;display:flex;justify-content:space-between;align-items:center}.register .top .logo{height:3.6rem;width:auto;border-radius:999px}.register .top .topActions{display:flex;align-items:center;gap:.8rem}.register .top .topLink{font-weight:500;opacity:.9}.register .registerMain{width:100%;max-width:75rem;margin:0 auto;padding-inline:1rem}@media(min-width:768px){.register .registerMain{padding-inline:1.25rem}}.register .registerMain{padding:1.25rem .75rem 2rem;display:grid;gap:1.25rem}.register .landingSection{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:.75rem;padding:clamp(1.2rem,2vw,2rem);box-shadow:0 1rem 2rem #00000073;animation:fadeUp .55s ease both}.register .landingSection__header{max-width:46rem;margin-bottom:.75rem}.register .landingSection h2{font-size:clamp(1.5rem,3.3vw,2rem);margin-bottom:.8rem}.register .heroSection{display:grid;gap:1rem}.register .heroSection__badge{display:inline-flex;background:#05f2832e;color:#8af8c6;border:1px solid rgba(138,248,198,.5);border-radius:999px;padding:.32rem .7rem;font-size:.83rem;margin-bottom:.8rem}.register .heroSection h1{font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.2}.register .heroSection__subheadline{margin:.75rem 0;color:#ffffffdb;max-width:43rem}.register .heroSection__actions{display:flex;gap:.75rem;flex-wrap:wrap}.register .heroSection__previewFrame{overflow:hidden;border-radius:.5rem;background:#0006;border:1px solid rgba(255,255,255,.15);aspect-ratio:1/1.21}.register .heroSection__previewFrame iframe{width:100%;height:100%;border:0;display:block}.register .aboutValue p,.register .differentiationSection li,.register .serviceCard p,.register .conversionSection p{color:#ffffffd1}.register .servicesSection__grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.register .serviceCard{background:#04081294;border:1px solid rgba(255,255,255,.09);border-radius:.5rem;padding:1rem;transition:transform .25s ease,border-color .25s ease}.register .serviceCard:hover{transform:translateY(-3px);border-color:#05a9f2b3}.register .serviceCard__icon{font-size:1.35rem}.register .serviceCard h3{margin:.5rem 0;font-size:1.03rem}.register .differentiationSection ul{padding-left:1.2rem;display:grid;gap:.7rem}.register .conversionSection{max-width:36rem;margin-inline:auto;width:100%}.register .membership{width:100%;display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.register .membership input,.register .membership button{width:100%;min-height:3rem}.register .membership input{border:1px solid rgba(255,255,255,.18);border-radius:.25rem;padding-inline:.8rem;background:#ffffff14;color:#fff;font-size:1rem}.register .userPrompt{margin-top:.5rem;color:#ffd1a8;font-weight:500}.register .fieldError{color:#f05353;font-size:.85rem;margin-top:-.2rem}.register .bottomCtaSection{text-align:center}.register .bottomCtaSection h2{max-width:52rem;margin:0 auto 1.2rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.register .registerMain{padding-top:1.5rem}.register button,.register .button{padding:.75rem 1.2rem}.register .heroSection{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:stretch}.register .heroSection__content{display:flex;flex-direction:column;justify-content:space-evenly}}.login form{width:100%;max-width:24rem;min-height:28rem;display:flex;flex-direction:column;justify-content:space-evenly;gap:.5rem}.login form input,.login form button{width:100%;min-height:3rem;font-size:1rem;border-radius:.25rem}.login form input{padding-inline:.625rem;border:1px solid #808080;background:#0009;color:#d3d3d3}.login form button{min-height:2.75rem;border:0;background-color:#05f283;color:#052414;font-weight:600;cursor:pointer;padding:.25rem}.login form .userPrompt{color:#05f283;display:flex;justify-content:center;text-align:center}.login form .fieldError{color:#f05353;font-size:.85rem;margin-top:-.15rem}.login form span{color:#d3d3d3}.login form .resetPassword,.login form .text{font-size:.875rem;font-weight:300;text-align:center}.login form .small-1,.login form .small-2{font-size:.75rem;font-weight:300}.login form .small-2{color:#028eca;cursor:pointer}@media(min-width:768px){.login form{min-height:29rem}}.authPage{min-height:100vh;background:linear-gradient(to bottom,#0000,#00000aa6 40%,#000000d9 66.66%),url(https://raw.githubusercontent.com/kal-kyokya/Futtech/refs/heads/main/frontend/public/background.jpg);background-position:center;background-repeat:repeat;background-size:auto 100%;display:flex;flex-direction:column;align-items:center;padding:.75rem .75rem 1.25rem}.authPage .top{width:100%;max-width:78rem;margin:0 auto;padding-inline:1rem}@media(min-width:768px){.authPage .top{padding-inline:1.25rem}}.authPage .top{display:flex;align-items:center;justify-content:space-between;z-index:1}.authPage .top .logo{height:4.75rem;max-height:6rem;width:auto;border-radius:999px}.authPage .top .topActions{display:flex;align-items:center;gap:.8rem}.authPage .top button,.authPage .top .button{min-height:3rem;padding:.5rem 1rem;border-radius:.25rem;font-size:1rem;font-weight:600;border:0;cursor:pointer;transition:transform .25s ease,opacity .25s ease,box-shadow .25s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.authPage .top button:hover,.authPage .top .button:hover{transform:translateY(-2px)}.authPage .top .button--primary{background:#05f283;color:#052414;box-shadow:0 10px 30px #05f28359}.authPage .top .button--secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);padding:.5rem}.authPage__container{width:100%;max-width:78rem;margin:0 auto;padding-inline:1rem}@media(min-width:768px){.authPage__container{padding-inline:1.25rem}}.authPage__container{flex:1;display:flex;align-items:center;justify-content:center;padding-block:1rem 2rem}.authPage__panelGrid{width:100%;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem}.authHeroVideo{width:100%;color:#fff}.authHeroVideo h3{font-size:1rem;margin-bottom:.5rem;font-weight:600;text-align:center}.authHeroVideo .authHeroVideo__frame{width:100%;aspect-ratio:1/1;min-height:12rem;border-radius:.75rem;overflow:hidden;box-shadow:0 1rem 2rem #00000073;background:#0000008c}.authHeroVideo .authHeroVideo__frame iframe{width:100%;height:100%;border:0;display:block}.authFormCard{width:100%;background:#00000080;border-radius:.75rem;padding:1.25rem;box-sizing:border-box}@media(min-width:768px){.authPage{background-position:left;padding:1rem 1.5rem 2rem}.authPage__panelGrid{grid-template-columns:minmax(20rem,25rem) minmax(22rem,28rem);justify-content:center;align-items:center;gap:2.25rem;max-width:56rem}.authHeroVideo h3{margin-bottom:.75rem;font-size:1.1rem}.authHeroVideo .authHeroVideo__frame{min-height:32.4rem}.authFormCard{min-height:28rem;padding:1.5rem 2rem;display:flex;flex-direction:column;justify-content:center}}.home{background-color:var(--main-color);overflow:hidden}.navbar{position:fixed;top:0;width:100%;z-index:999;color:#fff;background:linear-gradient(to top,transparent 0%,rgba(0,0,0,.4) 33%);transition:background-color .3s ease}.navbar.scrolled{background-color:var(--main-color, #0D1C23)}.navbar .container{padding:0 2.5rem;display:flex;align-items:center;justify-content:space-between;height:75px}.navbar .left{display:flex;align-items:center}.navbar .left img{height:4.6875rem;margin-right:2.5rem}.navbar .left span{margin-right:2.5rem;cursor:pointer;font-size:1.1rem;transition:color .3s ease}.navbar .left span:hover{color:var(--tenant-primary-color, #028ECA)}.navbar .right{display:flex;align-items:center}.navbar .right .hamburger-menu{display:none;border:solid grey 2px;border-radius:5px;background-color:var(--main-color);cursor:pointer;padding:.1rem .25rem;margin-right:1rem}.navbar .right .navbarButton{border:none;border-radius:.3125rem;color:#fff;padding:.5rem .3125rem;cursor:pointer;font-weight:600;background-color:var(--tenant-primary-color, #028ECA);margin-right:1rem;transition:background-color .3s ease}.navbar .right .navbarButton:hover{background-color:#026b98}.navbar .right .navbarImg{width:3.25rem;height:3.25rem;border-radius:.1875rem;object-fit:contain;cursor:pointer;margin-right:1rem;border-radius:50%}.navbar .right .icon{margin-right:1rem;cursor:pointer;font-size:1.5rem}.navbar .right .manage{position:relative}.navbar .right .manage .optionIcon{cursor:pointer;margin-left:.5rem}.navbar .right .manage .hiddenOptions{display:none;flex-direction:column;position:absolute;background-color:#000000e6;border-radius:.3125rem;right:-120%;top:calc(100% - 5px);min-width:150px;padding:.5rem 0;box-shadow:0 8px 16px #0003;z-index:1001}.navbar .right .manage .hiddenOptions .options{padding:.5rem 1rem;cursor:pointer;white-space:nowrap;color:#fff}.navbar .right .manage .hiddenOptions .options:hover{background:#ffffff1a}.navbar .right .manage:hover .hiddenOptions{display:flex}.mobile-menu.hidden{display:none}@media(max-width:767px){.navbar{height:60px}.navbar .container{height:100%;padding:0 1rem;justify-content:space-between}.navbar .desktop-nav-item,.mobile-menu .desktop-nav-item{display:none}.navbar .left img{height:3rem;margin-right:.8rem}.navbar .right .hamburger-menu{display:flex}.navbar .right .navbarImg{width:2.5rem;height:2.5rem;margin-right:.5rem}.navbar .right .manage .optionIcon{margin-left:.5rem;font-size:1.2rem}.navbar .right .manage .hiddenOptions{right:-.75rem;left:unset;min-width:120px}.navbar .right .manage .hiddenOptions .options{padding:.4rem .8rem;font-size:.9rem}.mobile-menu{position:fixed;top:60px;left:0;width:100%;height:calc(100% - 60px);background-color:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(100%);transition:transform .3s ease-in-out;z-index:98}.mobile-menu.active{transform:translate(0)}.mobile-menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;width:100%}.mobile-menu li{margin:15px 0;width:80%;text-align:center}.mobile-menu a{color:#fff;text-decoration:none;font-size:1.5rem;padding:10px 0;display:block;width:100%;transition:background-color .3s ease}.mobile-menu a.hover{background-color:#ffffff1a;border-radius:5px}.mobile-menu .mobile-connect-button{display:flex;justify-content:center;margin-top:30px;background-color:var(--tenant-primary-color, #028ECA);color:#fff;padding:12px 0;border-radius:5px;text-decoration:none;font-size:1.2rem;transition:background-color .3s ease}.mobile-menu .mobile-connect-button:hover{background-color:#026b98}}.hamburger-menu.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.featured{height:93vh;position:relative;overflow:hidden}.featured .category{position:absolute;top:130px;left:50px;display:flex;align-items:center;font-size:25px;font-weight:500}.featured .category span{color:var(--main-color)}.featured select{margin-left:25px;border:1px solid #05F283;color:#fff;background-color:var(--main-color);padding:5px;cursor:pointer;border-radius:5px}.featured img{width:100%;height:100%;object-fit:cover}.featured .info{position:absolute;width:35%;bottom:1rem;left:8px;background-color:#d3d3d3e6;padding:15px 10px;border-radius:15px;color:#0d1c23;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:0 0 16px 10px #d3d3d342}.featured .info span{font-size:1.2rem;line-height:1.4;text-align:left}.featured .info h4{margin:0;padding:0;font-size:1rem;font-weight:700}@media(max-width:767px){.featured{height:72vh;max-height:676px}.featured .category{top:80px;left:1rem;font-size:1.2rem}.featured .category select{margin-left:1rem;padding:3px;font-size:.9rem}.featured .info{width:calc(100% - 2rem);left:1rem;padding:.8rem;border-radius:10px}.featured .info span{font-size:1rem}.featured .info h4{font-size:.9rem}}.playlist{width:100%;margin:1.5rem 0}.playlist .playlistTitle{display:block;margin-inline:2.25rem 1rem;margin-bottom:.5rem;color:#fff;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist .wrapper{position:relative;width:100%;overflow:hidden}.playlist .wrapper .sliderArrow{position:absolute;top:0;bottom:0;z-index:99;width:2.25rem;display:flex;align-items:center;justify-content:center;background-color:#01010180;cursor:pointer}.playlist .wrapper .sliderArrow.left{left:0}.playlist .wrapper .sliderArrow.right{right:0}.playlist .wrapper .sliderArrow .MuiSvgIcon-root{font-size:1.8rem}.playlist .wrapper .container{display:flex;width:max-content;margin:.5rem 0 .5rem 2.25rem;padding:.625rem;transform:translate(0);transition:transform .5s ease}@media(min-width:768px){.playlist{margin:2rem 0}.playlist .playlistTitle{margin-inline:3rem 1.5rem;font-size:1rem}.playlist .wrapper .sliderArrow{width:3rem}.playlist .wrapper .sliderArrow .MuiSvgIcon-root{font-size:2.5rem}.playlist .wrapper .container{margin-left:3rem}}.playlistItemLink{display:block;text-decoration:none}.playlistItem{width:18.4375rem;height:12.1875rem;margin-right:.1875rem;background:linear-gradient(180deg,#0000000f,#000000c7),#111827;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;position:relative;border-radius:.875rem;box-shadow:0 .625rem 1.875rem #0003}.playlistItem img,.playlistItem .playlistItemFallback,.playlistItem .playlistItemPlaceholder{width:100%;height:100%}.playlistItem img{object-fit:cover;display:block;transition:transform .25s ease,filter .25s ease}.playlistItem .playlistItemFallback,.playlistItem .playlistItemPlaceholder{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,rgba(59,130,246,.5),transparent 45%),linear-gradient(135deg,#111827,#1f2937 55%,#0f172a);color:#ffffffe0}.playlistItem .playlistItemFallback span{font-size:3rem;font-weight:700}.playlistItem .playlistItemPlaceholder{animation:playlistItemPulse 1.4s ease-in-out infinite}.playlistItem .playlistItemOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:colum;justify-content:space-between;padding:.85rem;background:linear-gradient(180deg,#0f172a0d 20%,#0f172ae0);color:#fff}.playlistItem .playlistItemIndex{align-self:flex-start;min-width:2.5rem;padding:.3rem .55rem;border-radius:999px;background:#0f172ac7;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);font-size:.8rem;font-weight:700;letter-spacing:.08em}.playlistItem .playlistItemMeta{display:flex;flex-direction:column;gap:.2rem}.playlistItem .playlistItemMeta h3,.playlistItem .playlistItemMeta span{margin:0;text-shadow:0 .125rem .5rem rgba(0,0,0,.35)}.playlistItem .playlistItemMeta h3{font-size:1rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.playlistItem .playlistItemMeta span{font-size:.8rem;text-transform:capitalize;opacity:.85}.playlistItem:hover{box-shadow:0 1rem 2.2rem #00000052}.playlistItem:hover img,.playlistItem:hover .playlistItemFallback{transform:scale(1.06);filter:saturate(1.05)}.playlistItem.playlistItem--loading{cursor:default}@media(max-width:768px){.playlistItem{width:11.25rem;height:6.25rem;margin-right:.5rem}.playlistItem .playlistItemOverlay{padding:.6rem}.playlistItem .playlistItemIndex{min-width:2rem;font-size:.65rem}.playlistItem .playlistItemMeta h3{font-size:.8rem}.playlistItem .playlistItemMeta span{font-size:.68rem}}@keyframes playlistItemPulse{0%,to{opacity:.5}50%{opacity:1}}.user{padding:1.25rem;background-color:var(--main-color);color:#fff;margin-top:75px}.user .userTopSection{display:flex;align-items:center;justify-content:center}.user .userContainer{display:flex;color:#fff;margin-top:.75rem}.user .userContainer .userDetails{flex:1;padding:.75rem;box-shadow:0 .125rem 1rem #ffffff85;margin-right:.75rem}.user .userContainer .userDetails .userDetailsTop{display:flex;align-items:center}.user .userContainer .userDetails .userDetailsTop .profile{width:3.5rem;height:3.5rem;border:1px solid grey;border-radius:50%;object-fit:fill;cursor:pointer;background-color:#fff;margin-right:1.5rem}.user .userContainer .userDetails .userDetailsTop .userInfos{display:flex;flex-direction:column}.user .userContainer .userDetails .userDetailsTop .userInfos .userNames{font-weight:600}.user .userContainer .userDetails .userDetailsTop .userInfos .userTitle{font-weight:300}.user .userContainer .userDetails .userDetailsBottom{margin-top:.75rem}.user .userContainer .userDetails .userDetailsBottom .userDetailsTitle{color:#ffffffa6;font-weight:300}.user .userContainer .userDetails .userDetailsBottom .userDetailsDiv{display:flex;align-items:center;margin:.75rem 0;color:#ffffffc7}.user .userContainer .userDetails .userDetailsBottom .userDetailsDiv .userDetailsIcon{margin-right:.75rem}.user .userContainer .userDetails .userDetailsBottom .userDetailsDiv .userDetailsContent{font-weight:1rem}.user .userContainer .userDetails .userDetailsBottom .userDetailsLinks{display:flex;align-items:center;margin:.75rem 0;color:#ffffffc7}.user .userContainer .userDetails .userDetailsBottom .userDetailsLinks .userDetailsIcon{margin-right:.75rem}.user .userContainer .userDetails .userDetailsBottom .userDetailsLinks .userDetailsContent{font-weight:1rem}.user .userContainer .userDetails .userDetailsBottom .userDetailsLinks:hover{border-radius:.25rem;background-color:#ffffff21}.user .userContainer .userUpdate{flex:2;padding:.75rem;box-shadow:0 .125rem 1rem #ffffff85}.user .userContainer .userUpdate .userUpdateTitle{color:#ffffffa6;font-size:1.5rem;font-weight:600;text-align:center}.user .userContainer .userUpdate .userUpdateForm{display:flex;justify-content:space-between;margin-top:1.25rem}.user .userContainer .userUpdate .userUpdateForm .userUpdateLeft .userUpdateItem{display:flex;flex-direction:column;margin-bottom:1rem}.user .userContainer .userUpdate .userUpdateForm .userUpdateLeft .userUpdateItem label{font-size:1rem}.user .userContainer .userUpdate .userUpdateForm .userUpdateLeft .userUpdateItem .userUpdateInput{border:none;border-bottom:1px solid grey;width:15rem;height:1.5rem;padding:0 .25rem;background-color:var(--main-color);color:#fff}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight{display:flex;flex-direction:column;justify-content:space-between}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight .userUpdateUpload{display:flex;align-items:center}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight .userUpdateUpload .userUpdateImg{width:7.5rem;height:7.5rem;object-fit:cover;margin-right:1.25rem;border:1px solid grey;box-shadow:0 .125rem 1rem #ffffff21;border-radius:50%}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight .userUpdateUpload .userUpdateIcon{cursor:pointer}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight .userUpdateButton{max-height:3rem;border:none;border-radius:.25rem;background-color:#028eca;color:#fff;padding:.75rem;cursor:pointer;font-weight:600}@media(max-width:767px){.user{width:100vw;margin-top:60px}.user .userTopSection{display:flex;align-items:center;justify-content:center}.user .userContainer{flex-direction:column}.user .userContainer .userDetails{margin-bottom:1.75rem;margin-right:0}.user .userContainer .userUpdate .userUpdateForm{flex-direction:column}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight{margin-top:.75rem;justify-content:center;align-items:space-around}.user .userContainer .userUpdate .userUpdateForm .userUpdateRight .userUpdateUpload{justify-content:center;margin-bottom:1.5rem}}.watch{width:100vw;height:100vh;margin-top:5.5rem}.watch .iconLeft{display:flex;align-items:center}.watch .iconLeft .arrow{margin-right:.25rem}.watch video{width:100%;height:100%;object-fit:contain;padding:0;background-color:#0d1c23}.watch .videoDetails{display:flex;flex-direction:column;color:#fff;padding:.75rem 2.5rem;margin-bottom:2.5rem}.watch .videoDetails .videoDetailsTop{display:flex;align-items:center}.watch .videoDetails .videoDetailsTop .profile{width:4rem;height:4rem;border:1px solid grey;border-radius:50%;object-fit:cover;cursor:pointer;background-color:#fff;margin-right:1rem}.watch .videoDetails .videoDetailsTop .videoInfos{display:flex;flex-direction:column}.watch .videoDetails .videoDetailsTop .videoInfos .videoName{font-weight:600;color:#028eca}.watch .videoDetails .videoDetailsTop .videoInfos .videoCategory{font-weight:300}.watch .videoDetails .videoDetailsBottom{margin-top:1rem}.watch .videoDetails .videoDetailsBottom .videoDetailsTitle{color:#ffffff85;font-weight:300}.watch .videoDetails .videoDetailsBottom .videoDetailsDiv{display:flex;align-items:center;margin:.75rem 0;color:#ffffffc7}.watch .videoDetails .videoDetailsBottom .videoDetailsDiv .videoDetailsIcon{margin-right:1rem}.watch .videoDetails .videoDetailsBottom .videoDetailsDiv .videoDetailsContent{font-weight:1rem}.bunnyPlayerWrapper{position:relative;padding-top:56.25%}.bunnyPlayerWrapper .bunnyPlayer{position:absolute;height:100%;width:100%;border:0;top:0}.newList{color:#000;margin-top:78px}.newList .newListForm{display:flex;flex-direction:column;margin-top:19px}.newList .newListForm .newListTop{display:flex;justify-content:space-around}.newList .newListForm .newListTop .newListLeft{display:flex;flex-direction:column}.newList .newListForm .newListTop .newListLeft .newListItem{display:flex;flex-direction:column;margin:18px 31px;width:276px}.newList .newListForm .newListTop .newListLeft .newListInput{border:none;border:1px solid grey;border-radius:5px;width:234px;height:26px;padding:3px}.newList .newListForm .newListTop .newListLeft label{margin-bottom:5px;font-size:13px}.newList .newListForm .newListTop .newListRight{display:flex;flex-wrap:wrap}.newList .newListForm .newListTop .newListRight .newListItem{display:flex;flex-direction:column;margin:26px 31px;width:276px}.newList .newListForm .newListTop .newListRight label{margin-bottom:5px;font-size:13px}.newList .newListForm .newListTop .newListRight .newListInput{border:none;border:1px solid grey;border-radius:5px;width:234px;height:26px;padding:3px}.newList .newListForm .newListTop .newListRight .newListSelect{width:65%;height:31px}.newList .newListForm .newListBottom{margin-top:5.2%;align-self:center}.newList .newListForm .newListBottom .newListButton{border:none;border-radius:5px;background-color:var(--main-color);color:#fff;padding:8px 31px;cursor:pointer;font-weight:600}.playlists{margin-top:78px}.playlistsCell{display:flex;align-items:center}.playlistsCell .profile{width:45px;height:45px;border:1px solid grey;border-radius:50%;object-fit:contain;cursor:pointer;background-color:#fff;margin-right:10px}.managePlaylist{display:flex;align-items:center;justify-content:center}.managePlaylist .deleteIcon{color:#c00000;cursor:pointer}.managePlaylist .managePlaylistButton{border:none;border-radius:6px;background-color:#028eca;color:#fff;padding:6px 13px;cursor:pointer;margin-right:13px}.showcasePage{min-height:100vh;background:linear-gradient(180deg,#0d1c23,#122731 45%,#0d1c23);color:#fff}.showcaseHero{padding:3rem 1.5rem 2rem;max-width:900px;margin:0 auto}.showcaseHero h1{font-size:clamp(1.8rem,3vw,2.8rem);margin-bottom:.8rem}.showcaseBadge{display:inline-block;font-size:.85rem;background:#62beff33;border:1px solid rgba(98,190,255,.5);border-radius:999px;padding:.25rem .75rem;margin-bottom:1rem}.showcaseHero__actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}.heroAction{padding:.6rem 1rem;border-radius:999px}.heroAction.primary{background:#00a3ff;color:#001019;font-weight:600}.heroAction.secondary{border:1px solid rgba(255,255,255,.4)}.showcaseGridSection{max-width:1100px;margin:0 auto;padding:1rem 1.5rem 3rem}.showcaseGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.showcaseCard{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px}.showcaseCard__thumb{background:#00000059;aspect-ratio:16/9;display:grid;place-items:center}.showcaseCard__thumb img{border:1px solid rgba(255,255,255,.09);border-radius:.5rem;transition:transform .25s ease,border-color .25s ease}.showcaseCard__thumb img:hover{transform:scale(1.1);border-color:#05a9f2b3}.showcaseCard__content{padding:1rem}.showcaseCard__content h2{font-size:1.05rem;margin-bottom:.5rem}.showcaseCard__content p{color:#ffffffdb;margin-bottom:.7rem}.showcaseCard__link{color:#7fd1ff;font-weight:600}.showcaseError{color:#ff9f9f}.publicHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.12);background:#0d1c23;position:sticky;top:0;z-index:20}.publicHeader__brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:700;letter-spacing:.02em}.publicHeader__brand img{width:36px;height:36px;object-fit:contain}.publicHeader__nav{display:flex;align-items:center;gap:1rem}.publicHeader__nav .button{min-height:3rem;padding:.45rem;border-radius:.25rem;font-weight:600;border:0;cursor:pointer;transition:transform .25s ease,opacity .25s ease,box-shadow .25s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.publicHeader__nav .button:hover{transform:translateY(-2px)}.publicHeader__nav .button--primary{background:#05f283;color:#052414;box-shadow:0 10px 30px #05f28359}.publicHeader__nav .button--secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.publicHeader__cta{border:1px solid rgba(255,255,255,.35);padding:.35rem .8rem;border-radius:999px}.showcaseVideoPage{min-height:100vh;background:#0d1c23;color:#fff}.showcaseVideo{max-width:980px;margin:0 auto;padding:1.1rem}.showcaseVideo h1{margin:.6rem 0}.showcaseVideo__back{color:#89d7ff}.showcaseVideo__note{color:#696969;margin:2.5rem 0}.showcaseVideo__error{color:#ff9f9f}