@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap);:root{--bg-main:#050505;--text-main:#f8f8f8;--text-muted:#9ca3af;--accent-1:#3b82f6;--accent-2:#1d4ed8;--accent-3:#60a5fa;--glass-bg:#19192366;--glass-border:#ffffff14}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-attachment:fixed;background-color:#050505;background-color:var(--bg-main);background-image:radial-gradient(circle at 15% 50%,#3b82f61f 0,#0000 40%),radial-gradient(circle at 85% 30%,#1d4ed81f 0,#0000 40%),radial-gradient(circle at 50% 80%,#60a5fa14 0,#0000 40%);color:#f8f8f8;color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505;background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.header{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#05050599;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0003;display:flex;gap:1rem;padding:.85rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#3b82f6,#60a5fa);background:linear-gradient(to right,var(--accent-1),var(--accent-3));-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:900;letter-spacing:-1px;line-height:1}.logo span{-webkit-text-fill-color:#f8f8f8;-webkit-text-fill-color:var(--text-main);background:none}.header-sub{color:#9ca3af;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.header-stats{display:flex;gap:2rem;margin-left:auto}.stat-pill{align-items:flex-end;display:flex;flex-direction:column}.stat-num{color:#f8f8f8;color:var(--text-main);font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800;line-height:1}.stat-label{color:#60a5fa;color:var(--accent-3);font-size:10px;font-weight:700;letter-spacing:1px;margin-top:3px;text-transform:uppercase}.main{margin:0 auto;max-width:1200px;padding:1.5rem 2rem 5rem}.section-title{align-items:center;color:#f8f8f8;color:var(--text-main);display:flex;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;gap:12px;margin-bottom:2rem}.section-title:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8);background:linear-gradient(to bottom,var(--accent-1),var(--accent-2));border-radius:4px;content:"";display:block;height:24px;width:6px}.movies-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:3rem}.comment-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.comment-card:hover{border-color:#3b82f62e;box-shadow:0 0 30px #3b82f614;transform:translateY(-2px)}.positive-highlight{color:#7dff9b;font-weight:700;text-shadow:0 0 10px #7dff9b59}.negative-highlight{color:#ffb257;font-weight:700;text-shadow:0 0 10px #ffb25759}.ai-loading{animation:pulseGlow 1.2s infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.movie-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#19192366;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 10px 30px #0003;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.movie-card:before{background:linear-gradient(135deg,#fff3,#0000);border-radius:24px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;right:0;top:0}.movie-card:hover{border-color:#fff3;box-shadow:0 20px 40px #00000080,0 0 30px #3b82f626}.movie-card.active,.movie-card:hover{transform:translateY(-10px) scale(1.03)}.movie-card.active{border-color:#3b82f6;border-color:var(--accent-1);box-shadow:0 0 0 2px #3b82f666,0 20px 40px #00000080,0 0 40px #3b82f640}.movie-poster{align-items:center;aspect-ratio:2/3;display:flex;flex-direction:column;gap:12px;justify-content:center;position:relative;width:100%}.movie-poster:after{background:linear-gradient(180deg,#0000 40%,#050505e6);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.poster-icon{filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));font-size:5rem;transition:transform .4s ease;z-index:2}.movie-card:hover .poster-icon{transform:scale(1.15) rotate(8deg)}.poster-year{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff1a;border-radius:20px;color:#ffffffe6;font-family:Outfit,sans-serif;font-size:13px;font-weight:800;letter-spacing:2px;padding:6px 12px;z-index:2}.movie-info{background:linear-gradient(0deg,#050505,#0000);margin-top:-30px;padding:20px 18px;position:relative;z-index:2}.movie-title{color:#f8f8f8;color:var(--text-main);font-family:Outfit,sans-serif;font-size:17px;font-weight:700;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie-meta{align-items:center;display:flex;justify-content:space-between}.movie-genre{background:#ffffff1a;border-radius:8px;color:#f8f8f8;color:var(--text-main);font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px}.movie-rating{align-items:center;color:#fbbf24;display:flex;font-size:13px;font-weight:700;gap:4px}.search-input::placeholder{color:#ffffff73;font-weight:500;letter-spacing:.3px}.pagination{gap:12px;margin-bottom:4rem}.page-btn,.pagination{align-items:center;display:flex;justify-content:center}.page-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#19192366;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;color:#f8f8f8;color:var(--text-main);cursor:pointer;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;height:44px;transition:all .3s ease;width:44px}.page-btn:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent-1);box-shadow:0 5px 15px #3b82f633;color:#3b82f6;color:var(--accent-1);transform:translateY(-3px)}.page-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--accent-1),var(--accent-2));border:none;box-shadow:0 6px 20px #1d4ed866;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.3}.detail-panel{animation:slideUp .5s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#0f0f1499;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:32px;box-shadow:0 30px 60px #0009,inset 0 1px 0 #ffffff1a;margin-bottom:2rem;overflow:hidden;padding:3rem;position:relative}.detail-panel:before{background:radial-gradient(circle at 50% 0,#3b82f626,#0000 60%);content:"";height:150%;left:-20%;pointer-events:none;position:absolute;top:-30%;width:150%;z-index:0}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-panel-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2.5rem;position:relative;z-index:1}.close-btn{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;color:#f8f8f8;color:var(--text-main);cursor:pointer;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s ease}.close-btn:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.detail-body{gap:3rem;margin-bottom:3rem;z-index:1}.detail-body,.detail-poster{display:flex;position:relative}.detail-poster{align-items:center;border-radius:20px;box-shadow:0 20px 40px #00000080;flex-direction:column;flex-shrink:0;gap:14px;height:270px;justify-content:center;overflow:hidden;width:180px}.detail-poster:after{background:linear-gradient(180deg,#0000 40%,#000000b3);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.detail-poster-icon{filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));font-size:6rem;z-index:2}.detail-poster-year{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border-radius:20px;color:#ffffffe6;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;letter-spacing:2px;padding:6px 14px;z-index:2}.detail-info{flex:1 1}.detail-title{color:#f8f8f8;color:var(--text-main);font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:900;letter-spacing:-1.5px;line-height:1.1;margin-bottom:16px;text-shadow:0 4px 20px #00000080}.detail-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.tag{background:#ffffff0f;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:24px;color:#f8f8f8;color:var(--text-main);font-size:13px;font-weight:700;padding:8px 16px}.tag.gold{background:#fbbf2426;border-color:#fbbf2466;color:#fbbf24}.detail-rating{align-items:center;background:#0000004d;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;display:inline-flex;gap:14px;margin-bottom:24px;padding:10px 20px}.stars-display{color:#fbbf24;font-size:22px;letter-spacing:3px}.rating-big{color:#f8f8f8;color:var(--text-main);font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:900;line-height:1}.rating-count{color:#9ca3af;color:var(--text-muted);font-size:14px;font-weight:600}.detail-synopsis{color:#fffc;font-size:16px;font-weight:400;line-height:1.8;max-width:800px}.comment-form{background:#00000040;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;margin-bottom:2.5rem;padding:2rem;position:relative;z-index:1}.comment-form-title{color:#f8f8f8;color:var(--text-main);font-family:Outfit,sans-serif;font-size:15px;font-weight:800;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-input{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;color:#f8f8f8;color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;font-size:15px;outline:none;padding:14px 20px;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{background:#ffffff14;border-color:#60a5fa;border-color:var(--accent-3);box-shadow:0 0 0 4px #60a5fa26}.form-input.name{max-width:280px}.form-textarea{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;color:#f8f8f8;color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;font-size:15px;margin-bottom:20px;min-height:120px;outline:none;padding:16px 20px;resize:vertical;transition:all .3s ease;width:100%}.rating-selector{display:flex;gap:10px;margin-bottom:20px}.star-btn{background:none;border:none;color:#ffffff26;cursor:pointer;font-size:32px;line-height:1;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.star-btn.lit,.star-btn:hover{color:#fbbf24;filter:drop-shadow(0 0 12px rgba(251,191,36,.5));transform:scale(1.2) rotate(10deg)}.submit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--accent-1),var(--accent-2));border:none;border-radius:14px;box-shadow:0 6px 20px #1d4ed866;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-size:16px;font-weight:800;padding:14px 32px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 10px 25px #1d4ed899;transform:translateY(-3px)}.submit-btn:active{transform:scale(.95)}.error-text{background:#ef44441a;border-radius:8px;color:#ef4444;display:inline-block;font-size:13px;font-weight:600;margin-bottom:14px;padding:8px 12px}.comments-list{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.comment-item{animation:fadeIn .4s ease;background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;padding:20px 24px;transition:transform .3s ease,background .3s ease}.comment-item:hover{background:#ffffff0d;transform:translateX(6px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.comment-header{align-items:center;display:flex;gap:14px;margin-bottom:14px}.comment-avatar{align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 10px #0003;color:#60a5fa;color:var(--accent-3);display:flex;flex-shrink:0;font-family:Outfit,sans-serif;font-size:16px;font-weight:800;height:42px;justify-content:center;width:42px}.comment-name{color:#f8f8f8;color:var(--text-main);font-size:16px;font-weight:700}.comment-stars{color:#fbbf24;filter:drop-shadow(0 0 6px rgba(251,191,36,.4));font-size:14px;letter-spacing:2px;margin-left:auto}.comment-date{color:#9ca3af;color:var(--text-muted);font-size:13px;font-weight:600}.comment-text{color:#ffffffd9;font-size:15px;line-height:1.8}.empty-comments{background:#00000026;border:2px dashed #ffffff1a;border-radius:20px;color:#9ca3af;color:var(--text-muted);font-size:16px;font-weight:600;padding:4rem;text-align:center}.comments-count{align-items:center;color:#f8f8f8;color:var(--text-main);display:flex;font-family:Outfit,sans-serif;font-size:20px;font-weight:800;gap:10px;margin-bottom:2rem}@media (max-width:900px){.movies-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:600px){.movies-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.detail-body{align-items:center;flex-direction:column;text-align:center}.detail-rating{margin:0 auto 24px}.detail-tags{justify-content:center}.header{padding:1rem 1.5rem}.main{padding:2rem 1.5rem 4rem}}@keyframes pulseGlow{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}to{opacity:.7;transform:scale(1)}}.app-container.dark{background:#020617;color:#fff;transition:all .35s ease}.app-container.light{background:#f4f7fb;color:#111827;transition:all .35s ease}
/*# sourceMappingURL=main.37bac864.css.map*/