:root{--primary-orange: #ff6b08;--primary-black: #121212;--primary-white: #ffffff;--text-grey: #b7b7b7;--header-border: #222222;--toggle-bg: #4b4848;--card-border-active: #30b5e5;--hero-color: #000000;--light-bg: #f5f5ff;--light-text: #111111;--light-header-bg: #ffffff;--light-card-bg: #ffffff;--light-border: #dddddd}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--primary-black);color:var(--primary-white);transition:background-color .3s,color .3s}body.modal-open{overflow:hidden}.is-hidden{display:none!important}.container{max-width:1280px;margin:0 auto;padding:clamp(16px,3vw,28px);transition:max-width .3s ease}@media(min-width:1440px){.container{max-width:1380px}}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}.btn{display:inline-block;padding:14px 28px;font-size:16px;font-weight:700;text-align:center;border:1px solid transparent;cursor:pointer;transition:all .3s ease;border-radius:30px}.btn-primary{background-color:var(--primary-orange);color:var(--primary-black)}.btn-primary:hover{background-color:#ff8c40}.btn-secondary{background-color:transparent;color:var(--primary-white);border:1px solid var(--primary-white)}.btn-secondary:hover{background-color:var(--primary-white);color:var(--primary-black)}.fa,.fas,.far,.fal,.fab{font-display:swap}.star-rating{display:flex;gap:4px;color:var(--primary-orange)}.star-rating.hero-stars{margin-bottom:16px}body.light-mode{background-color:var(--light-bg);color:var(--light-text)}body.light-mode .site-header{background-color:var(--light-header-bg);border-bottom:1px solid var(--light-border)}body.light-mode .logo span,body.light-mode .nav-link{color:var(--light-text)}body.light-mode .nav-link:hover,body.light-mode .nav-link.active{color:var(--primary-orange)}body.light-mode .movie-card{background-color:var(--light-card-bg);border:1px solid var(--light-border);box-shadow:0 2px 8px #0000000d}body.light-mode .movie-card:hover{box-shadow:0 4px 12px #0000001a}body.light-mode .movie-card-overlay{background:linear-gradient(to top,#fff,#fffc 40%,#fff0)}body.light-mode .movie-title{color:var(--light-text)}body.light-mode .movie-genre{color:#555}body.light-mode .site-footer{border-top-color:var(--light-border);color:#555}body.light-mode .hero-section .hero-content h1,body.light-mode .hero-section .hero-content .hero-title,body.light-mode .hero-section .hero-content p,body.light-mode .hero-section .hero-content .hero-description{color:var(--primary-white)!important}body.light-mode .hero-section .star-rating,body.light-mode .hero-section .star-rating .fa-star{color:var(--primary-orange)!important}body.light-mode .modal-window{background-color:#fff!important;color:#111!important;box-shadow:0 0 25px #0003}body.light-mode .modal-title{color:#000!important}body.light-mode .modal-description{color:#333!important}body.light-mode .detail-value{color:#000!important}body.light-mode .modal-about-title{color:#666!important}body.light-mode .detail-label{color:#555!important}body.light-mode .vote-tag{background-color:#eee!important;color:#000!important}body.light-mode .modal-close-btn{color:#000!important}body.light-mode .modal-close-btn:hover{color:var(--primary-orange)!important}body.light-mode .btn-modal-add{color:#000!important;border-color:var(--primary-orange)!important}body.light-mode .btn-modal-add:hover{background-color:var(--primary-orange)!important;color:#fff!important}body.light-mode .trailer-error-window{background-color:#fff!important;border-color:#ddd!important;color:#000!important}body.light-mode .trailer-error-text h2,body.light-mode .trailer-error-text p{color:#000!important}img,picture{max-width:100%;height:auto;display:block;object-fit:cover}.site-header{background-color:var(--hero-color);position:relative;z-index:1000;transition:background-color .3s}.header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.logo{display:flex;align-items:center;position:relative;z-index:10000}.logo img{width:32px;height:32px}.logo span{font-size:24px;font-weight:700;margin-left:8px;transition:color .3s}.main-nav ul{display:flex;gap:30px}.nav-link{font-weight:500;font-size:14px;text-transform:uppercase;padding-bottom:4px;border-bottom:2px solid transparent}.nav-link:hover,.nav-link.active{color:var(--primary-orange)}.theme-switcher{position:relative;z-index:10000}.switch{--switch-w: 60px;--switch-h: 28px;--circle-size: 22px;--switch-padding: 5px;--switch-buffer: 10px;position:relative;display:inline-block;width:var(--switch-w);height:var(--switch-h)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:linear-gradient(45deg,orange,#ff4500);border-radius:calc(var(--switch-h) * 2);transition:.4s;overflow:hidden}.slider .icon-sun,.slider .icon-moon{position:absolute;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:var(--primary-white);z-index:1}.slider .icon-moon{left:6px;stroke-width:2.3}.slider .icon-sun{right:6px;stroke-width:2.5}.slider-circle-container{position:absolute;width:var(--circle-size);height:var(--circle-size);background-color:#fff;border-radius:50%;top:calc((var(--switch-h) - var(--circle-size)) / 2);left:calc(var(--switch-w) - var(--circle-size) - var(--switch-padding));transition:all .28s ease;z-index:2;box-shadow:0 1px 3px #0000004d}.slider-circle-white{width:22px;height:22px;fill:#fff}.slider-circle-orange{position:absolute;width:5px;height:30px;left:15px;top:-4px;stroke:#ff7a00;fill:none;transform-origin:center;transition:all .4s ease;transform:rotate(0)}input:checked+.slider .slider-circle-orange{left:4px;top:-4px;transform:rotate(180deg)}input:checked+.slider .slider-circle-container{transform:translate(calc(-1 * (var(--switch-w) - var(--circle-size) - var(--switch-buffer))))}@media(max-width:768px){.site-header{padding:18px 0}.logo span,.main-nav ul{display:none}.mobile-menu-btn{display:none!important}}@media(max-width:480px){.site-header{padding:14px 0}.header-container{gap:8px}.switch{transform:scale(.8)}}.site-footer{padding:30px 0;text-align:center;color:var(--text-grey);font-size:14px;border-top:1px solid var(--header-border);margin-top:40px}.footer-heart{width:14px;height:14px;fill:var(--primary-orange);margin:0 5px}.site-footer span{text-decoration:underline!important}.team-modal-window{max-width:900px;width:90%;padding:50px 30px;text-align:center}.team-title{font-size:32px;color:var(--primary-orange);margin-bottom:10px;text-transform:uppercase}.team-subtitle{font-size:16px;color:var(--text-grey);margin-bottom:40px}.team-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px;justify-content:center}.team-member{display:flex;flex-direction:column;align-items:center;transition:transform .3s ease;will-change:transform}.team-member:hover{transform:translateY(-10px)}.member-img-wrapper{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid var(--primary-orange);margin-bottom:15px;background-color:#333;aspect-ratio:1 / 1}.member-img{width:100%;height:100%;object-fit:cover}.member-name{font-size:16px;font-weight:700;color:var(--primary-white);margin-bottom:5px}.member-role{font-size:13px;color:var(--text-grey);text-transform:uppercase}.member-social{margin-top:10px}.member-social a{color:var(--primary-white);font-size:18px;margin:0 5px;transition:color .3s}.member-social a:hover,body.light-mode .team-title{color:var(--primary-orange)}body.light-mode .member-name{color:var(--light-text)}body.light-mode .member-social a{color:var(--text-grey)}body.light-mode .member-social a:hover{color:var(--primary-orange)}@media(max-width:768px){.team-modal-window{padding:40px 24px}.team-list{gap:20px}.member-img-wrapper{width:90px;height:90px}}@media(max-width:480px){.team-modal-window{padding:32px 20px}}@media(prefers-reduced-motion:reduce){.team-member{transition:none}.team-member:hover{transform:none}}.hero-section{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:90vh;color:var(--text-color);text-align:left;background-color:var(--primary-black);background-size:contain;background-position:100% center;background-repeat:no-repeat}.hero-container{width:100%;max-width:1280px;margin:0 auto;position:relative;z-index:60}.hero-content{max-width:min(56%,640px);color:var(--primary-white);position:relative;z-index:70;right:clamp(0px,5vw,80px);will-change:transform,opacity;transition:right .36s ease,max-width .36s ease}.hero-content h1,.hero-title{font-size:clamp(32px,6vw,64px);font-weight:700;line-height:1.3;margin-bottom:24px;color:var(--primary-white)}.hero-content p,.hero-description{font-size:16px;line-height:1.6;color:#e0e0e0;max-width:520px;margin-bottom:32px}.hero-buttons{display:flex;gap:16px}@media(prefers-reduced-motion:reduce){.hero-content{transition:none}}@media(max-width:1024px){.hero-section{min-height:72vh;background-position:100% center!important;background-size:100%!important}.hero-content{max-width:min(68%,640px);right:0}}@media(max-width:768px){.hero-section{min-height:68vh;background-size:100%!important;background-position:100% center!important}.hero-content{max-width:80%}}@media(max-width:480px){.hero-section{min-height:60vh;padding:30px 3%;background-size:cover!important;background-position:center center!important}.hero-content{max-width:92%}.hero-content p{font-size:14px}.hero-buttons{flex-wrap:wrap;gap:12px}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease;z-index:99999;display:flex;justify-content:center;align-items:center;padding:20px;overflow-y:auto}.modal-backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-window{position:relative;background-color:#111;width:800px;max-width:100%;border-radius:16px;padding:40px;box-shadow:0 0 25px #ff6b0866;color:#fff;transform:scale(1);transition:transform .3s ease}.modal-backdrop.is-hidden .modal-window{transform:scale(.8)}.modal-close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#fff;cursor:pointer;font-size:24px;line-height:1;padding:5px;z-index:10}.modal-close-btn:hover{color:var(--primary-orange);transform:scale(1.1)}.modal-content{display:flex;gap:30px}.modal-poster-wrapper{flex-shrink:0}.modal-poster{width:240px;height:360px;object-fit:cover;border-radius:8px;display:block}.modal-info{flex-grow:1}.modal-title{font-size:30px;font-weight:700;margin-bottom:20px;text-transform:uppercase;line-height:1.2;color:#fff}.modal-details-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.detail-row{display:flex;align-items:center;font-size:16px}.detail-label{width:140px;color:#8c8c8c}.detail-value{color:#fff}.vote-tag{background-color:#fff;color:#000;padding:2px 8px;border-radius:5px;font-weight:700}.slash{margin:0 5px}.modal-about-title{font-size:16px;color:#ccc;margin-bottom:10px;font-weight:600}.modal-description{font-size:14px;line-height:1.6;margin-bottom:20px;color:#fff}.btn-modal-add{background-color:transparent;border:1px solid var(--primary-orange);color:#fff;padding:12px 24px;border-radius:30px;cursor:pointer;font-weight:500;transition:all .3s}.btn-modal-add:hover{background-color:var(--primary-orange);color:#000}@media(max-width:768px){.modal-content{flex-direction:column;align-items:center}.modal-poster{width:200px;height:300px;margin-bottom:20px}.modal-info{text-align:center}.detail-row{justify-content:center}}@media(max-width:480px){.modal-window{width:96%;padding:20px 16px;max-height:85vh;overflow-y:auto}.modal-title{font-size:24px}.detail-label{width:100px}}.trailer-error-window{display:flex;flex-direction:row;align-items:center;max-width:600px;height:350px;padding:0;overflow:hidden}.trailer-error-content{display:flex;width:100%;height:100%}.trailer-error-text{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}.trailer-error-text h2{font-size:32px;margin-bottom:10px;color:#fff}.trailer-error-text p{font-size:16px;color:#ccc}.trailer-error-image{flex:1;display:flex;align-items:center;justify-content:center}.trailer-error-image img{width:100%;height:100%;object-fit:contain}@media(max-width:768px){.trailer-error-window{height:auto;flex-direction:column}.trailer-error-content{flex-direction:column-reverse}.trailer-error-image{height:200px}.trailer-modal-body iframe{height:250px}}@media(max-width:480px){.trailer-modal-content{width:96%!important;height:260px!important;padding:0!important}#trailer-iframe{width:100%!important;height:100%!important}}.trailer-modal-content{background:#000;padding:0;width:800px;max-width:95%;height:auto;display:flex;align-items:center;justify-content:center}.trailer-modal-body{width:100%;line-height:0}.trailer-modal-body iframe{width:100%;height:450px;border-radius:16px}.mobile-overlay{position:fixed;inset:0;width:100%;height:100%;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99997;display:none}.mobile-overlay.active{display:block}body.menu-open main,body.menu-open footer{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;opacity:.25}.main-nav,.mobile-nav-close,.mobile-overlay{pointer-events:auto!important}.mobile-nav-close{position:absolute;top:24px;right:24px;font-size:32px;color:#fff;background:none;border:none;z-index:999999;display:none}body.menu-open .mobile-nav-close{display:block!important}@media(max-width:768px){.main-nav ul{display:none}.main-nav{position:fixed;top:0;left:0;height:100vh;width:75%;max-width:320px;background-color:#000!important;padding:100px 30px 30px;transform:translate(-100%);transition:transform .3s ease;z-index:99998;display:block;box-shadow:5px 0 15px #00000080}.main-nav.is-open{transform:translate(0)}.main-nav.is-open ul{display:flex!important;flex-direction:column;gap:30px}.nav-link{color:#fff!important;font-size:22px}.nav-link.active{color:var(--primary-orange)!important;font-weight:700;border-bottom:2px solid var(--primary-orange)}.mobile-nav-close{display:block;position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:32px;cursor:pointer}}.movie-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;justify-content:center;align-items:center;position:relative}.movie-card{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;aspect-ratio:2 / 3;background-color:#222}.movie-card:hover{transform:scale(1.03);box-shadow:0 0 15px #ff6b004d}.movie-card-poster{width:100%;height:100%;object-fit:cover;display:block}.movie-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:10px 12px 15px;background:linear-gradient(to top,#000000f2 30%,#0000);color:#fff}.movie-title{font-size:16px;font-weight:600;margin-bottom:6px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-meta{display:flex;justify-content:space-between;align-items:center}.movie-genre{font-size:13px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}.movie-rating{color:#ff6b00;font-size:13px;flex-shrink:0}.movie-rating .fa-star{margin-left:2px;color:#ff6b00}.movie-rating .fa-star.far{color:#fff3}@media(min-width:1281px){.movie-grid-container{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.movie-grid-container{grid-template-columns:repeat(2,1fr);gap:22px}}@media(max-width:480px){.movie-grid-container{grid-template-columns:1fr;gap:18px}}