:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;width:100%;min-height:100vh;position:relative}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}a{font-weight:500;color:#5ae36f;text-decoration:inherit}a:hover{color:#49947a}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#13511e}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#14903bc5}button{background-color:#f9f9f9}}.main-content{flex:1;padding:2rem;box-sizing:border-box;width:100%;display:flex;flex-direction:column}.movie-card{position:relative;border-radius:10px;overflow:hidden;background-color:#1a1a1a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;box-shadow:0 4px 15px #0000004d}.movie-card:hover{transform:translateY(-6px);box-shadow:0 8px 25px #0006}.movie-poster{position:relative;aspect-ratio:2/3;width:100%;height:15rem}.movie-poster img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.movie-card:hover .movie-poster img{transform:scale(1.05)}.movie-overlay{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-end;padding:1rem;pointer-events:none}.movie-overlay button{pointer-events:auto}.favorite-btn{position:relative;color:#fff;font-size:1.5rem;background:#00000080;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transition:background .2s,transform .2s}.favorite-btn:hover{background:#000c;transform:scale(1.1)}.favorite-btn.active{color:#ff4757}.play-btn{background-color:#5ae36fd9;color:#fff;font-weight:700;padding:8px 14px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.play-btn:hover{background-color:#5ae36f;transform:scale(1.05)}.video-overlay{position:absolute;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:20;border-radius:10px;flex-direction:column}.video-overlay iframe{width:100%;height:100%;border-radius:10px}.close-video-btn{position:absolute;top:10px;right:10px;background:#ffffff1a;color:#fff;border:none;font-size:1.5rem;border-radius:50%;width:36px;height:36px;cursor:pointer;transition:background .2s,transform .2s}.close-video-btn:hover{background:#ffffff4d;transform:scale(1.1)}.movie-info{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.3rem}.movie-title{font-size:1rem;color:#fff;margin:0}.movie-rating{color:gold;font-size:.9rem}.movie-release-date{color:#999;font-size:.85rem}@media(max-width:768px){.movie-card{font-size:.9rem}.favorite-btn{width:32px;height:32px;font-size:1.2rem}.play-btn{padding:6px 10px;font-size:.8rem}.video-overlay iframe{height:100%}}.favorites{padding:2rem;width:100%;box-sizing:border-box}.favorites h2{margin-bottom:2rem;text-align:center;font-size:2.5rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.favorites-empty{text-align:center;padding:4rem 2rem;background-color:#ffffff0d;border-radius:12px;margin:2rem auto;max-width:600px}.favorites-empty h2{margin-bottom:1rem;font-size:2rem;color:#e50914}.favorites-empty p{color:#999;font-size:1.2rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.movies-grid>*{animation:fadeIn .3s ease-out forwards}.home{padding:20px;text-align:center;background-color:#f8f8f8;min-height:100vh}.search-form{display:flex;justify-content:center;gap:10px;margin-bottom:25px}.search-input{padding:10px;font-size:16px;width:260px;border:2px solid #ccc;border-radius:6px;outline:none}.search-input:focus{border-color:#5ae36f}.search-button,.heart-button{display:flex;align-items:center;gap:6px;background-color:#5ae36f;color:#fff;border:none;border-radius:6px;padding:10px 15px;cursor:pointer;font-weight:700;transition:all .2s ease-in-out}.heart-button{background-color:#fff;color:#5ae36f;border:2px solid #5ae36f}.search-button:hover{background-color:#5ae36f}.heart-button:hover{background-color:#5ae36f;color:#fff}.movies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:10px}.movie-card{background:#fff;border-radius:12px;box-shadow:0 3px 8px #65626226;overflow:hidden;text-align:center;transition:transform .2s}.movie-card:hover{transform:scale(1.05)}.movie-image{width:100%;height:270px;object-fit:cover}.movie-info{padding:10px}.movie-info h3{font-size:16px;margin-bottom:4px}.movie-info p{margin:0;font-size:14px;color:#555}.fav-btn{background:none;border:none;cursor:pointer;margin-top:6px}.fav-icon{font-size:20px;color:#6b8e86;transition:color .3s ease}.fav-icon.filled,.fav-btn:hover .fav-icon{color:#f05}.loading,.no-results,.error-message{margin-top:30px;font-size:18px;color:#666}@media(max-width:700px){.home{padding:16px 12px}.search-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:520px;gap:10px;margin:0 auto 24px}.search-input{grid-column:1 / -1;width:100%;min-width:0;min-height:44px}.search-button,.heart-button{justify-content:center;min-width:0;min-height:44px;gap:5px;padding:10px 6px;font-size:clamp(11px,3.5vw,15px);white-space:nowrap}}e5a459669c669f0badabc03c9bc072b0 .navbar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:clamp(24px,4vw,64px);padding:24px clamp(24px,4vw,64px);color:#fff;background:url(/main_header.gif) center / cover no-repeat!important;background-image:url(/main_header.gif)!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;min-height:200px;box-shadow:0 2px 5px #0003;border-radius:8px}.nav-brand{display:flex;flex:0 1 auto;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;z-index:1}.nav-brand .brand-link{display:flex;align-items:center;font-size:clamp(18px,1.7vw,22px);font-weight:700;min-height:48px;color:#71b4ac;text-decoration:none;padding:8px 16px;border-radius:6px;transition:all .2s ease-in-out;cursor:pointer;background:radial-gradient(circle,#2e3a59,#3d5a6c,#4f7d63,#9bbf71)!important}.nav-brand .brand-link:hover{background-image:url(/hover.jpg)!important;background-attachment:fixed!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:#84fcd0!important;transform:scale(1.05)}.lion-icon{width:28px;height:28px;margin-right:10px}.navbar-links{display:flex;flex:0 1 auto;flex-direction:row;font-size:clamp(16px,1.5vw,20px)!important;font-weight:700;align-items:center!important;justify-content:flex-end;gap:clamp(12px,2vw,28px)!important;margin:0!important}.navbar-links .nav-link{display:flex;align-items:center;justify-content:center;font-weight:700;min-height:54px;min-width:110px;width:auto;padding:10px 16px;color:#f6fafa!important;background:radial-gradient(circle,#4e5568,#557081,#4f7d63,#9bbf71)!important;border-radius:6px;transition:all .2s ease-in-out;cursor:pointer;text-decoration:none;transform:none}.navbar-links .nav-link:hover{color:#84fcd0!important;text-align:center!important;background-image:url(/nav.png)!important;background-attachment:fixed!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;transform:scale(1.05)}.nav-menu-toggle{display:none}.portfolio-menu-link{display:none!important}.nav-brand .portfolio-link{position:static!important;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border-radius:6px;background:#222;color:#fff;font-family:sans-serif;text-align:center;text-decoration:none;z-index:1}.heart-icon{width:20px;height:20px;margin-right:8px}@media(max-width:768px){.navbar{min-height:170px;height:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;padding:15px 20px 20px;overflow:visible}.navbar .nav-menu-toggle{position:absolute;top:17px;right:18px;display:flex;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.6);border-radius:6px;background:radial-gradient(circle,#4e5568,#557081,#4f7d63,#9bbf71);cursor:pointer;z-index:2}.navbar .nav-menu-toggle span{display:block;width:21px;height:2px;border-radius:2px;background:#fff;transition:transform .18s ease,opacity .18s ease}.navbar .nav-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.navbar .nav-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.navbar .nav-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.navbar .navbar-links{display:none;width:100%;flex-direction:column;align-items:stretch!important;gap:10px!important;margin:0!important;padding-top:105px}.navbar .portfolio-menu-link{display:flex!important}.navbar.menu-open .navbar-links{display:flex}.navbar-links .nav-link{width:100%;height:auto;min-height:48px;justify-content:center;transform:none}.navbar-links .nav-link:hover{transform:none}.nav-brand .brand-link{width:auto;height:auto;min-height:48px;padding:8px 12px;font-size:16px}.nav-brand>a{position:static!important;height:40px!important;padding:6px 10px!important;font-size:13px}.navbar .portfolio-link{display:none!important}.navbar.menu-open .nav-brand>a{position:static!important}}.footer-container{background-image:url(/footer.jpg)!important;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;font-family:Arial,sans-serif;padding:3rem 2rem 1rem}h1{position:relative;display:table;margin:0 auto;text-align:center;overflow:visible}h1:after{content:"";position:absolute;left:50%;transform:translate(-50%) translateY(-10px);opacity:0;bottom:-6px;width:60%!important;height:4px;background:green;border-radius:4px;animation:dropLine .6s ease-out forwards}@keyframes dropLine{0%{transform:translate(-50%) translateY(-10px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}#backToTop{position:fixed;bottom:20px;right:20px;background:green;color:#fff;padding:8px 10px;border-radius:50%;font-size:14px;cursor:pointer;z-index:999;display:none}.page-header{position:relative;display:inline-block;margin:0 auto;text-align:center}.page-header:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-8px;width:60%;height:4px;background:green;border-radius:4px}.about-page h1,.about-page h2{display:inline-block;position:relative;left:50%;transform:translate(-50%);text-align:center}.about-page h1:after,.about-page h2:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-6px;width:70%;height:4px;background:green;border-radius:4px}.footer-container{background-color:#121212;color:#fff;font-family:Arial,sans-serif;padding:3rem 2rem 1rem}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.footer-info{flex:1 1 220px;min-width:220px}.footer-info h2{font-size:1.3rem;margin-bottom:1rem;color:#5ae36f;border-bottom:2px solid #5ae36f;display:inline-block;padding-bottom:.3rem}.footer-info p{font-size:.9rem;margin-bottom:1rem;line-height:1.4;color:#ccc;transition:color .3s ease}.footer-info p a{color:#5ae36f;text-decoration:none;transition:color .3s ease}.footer-info p a:hover{color:#fff;text-decoration:underline}.social{display:flex;align-items:center;margin-bottom:1rem;gap:.7rem;cursor:pointer;transition:transform .2s ease}.social-icon{font-size:1.5rem;color:#5ae36f;transition:color .3s ease,transform .3s ease}.social:hover .social-icon{color:#fff;transform:scale(1.3)}.social p{margin:0;font-size:.9rem;color:#ccc;transition:color .3s ease}.social:hover p a{color:#fff;text-decoration:underline}.footer-info ul{list-style:none;padding:0}.footer-info ul li{font-size:.9rem;margin-bottom:.5rem;color:#ccc;transition:color .3s ease}.footer-info ul li a{color:#5ae36f;text-decoration:none;transition:color .3s ease}.footer-info ul li a:hover{color:#fff;text-decoration:underline}.footer-bottom{text-align:center;border-top:1px solid #333;padding-top:1rem;margin-top:2rem;font-size:.9rem;color:#aaa}.footer-bottom a{color:#5ae36f;text-decoration:none;transition:color .3s ease}.footer-bottom a:hover{color:#fff}@media(max-width:768px){.footer-top{flex-direction:column;gap:2rem}.social{gap:.5rem}}@media(max-width:480px){.footer-info h2{font-size:1.1rem}.footer-info p,.footer-info ul li{font-size:.85rem}}