@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#0a0a0a;--surface:#141414;--surface2:#1e1e1e;--border:#2a2a2a;--red:#e63232;--red-dark:#b52020;--text:#f0f0f0;--text-muted:#888;--text-dim:#555;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;background:var(--bg);color:#f0f0f0;color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh}.navbar{align-items:center;background:#111;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);display:flex;gap:32px;height:60px;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo{color:#f0f0f0;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:2px}.logo span{color:#e63232;color:var(--red)}.nav-links{display:flex;gap:4px}.nav-links button{background:none;border:none;border-radius:8px;border-radius:var(--radius);color:#888;color:var(--text-muted);cursor:pointer;font-family:DM Sans,sans-serif;font-size:15px;padding:6px 12px;position:relative;transition:color .2s}.nav-links button.active{border-bottom:2px solid #f0f0f0;border-bottom:2px solid var(--text)}.nav-links button.active,.nav-links button:hover{color:#f0f0f0;color:var(--text)}.watchlist-badge{background:#e63232;background:var(--red);border-radius:999px;color:#fff;font-size:10px;font-weight:700;margin-left:6px;padding:1px 6px;vertical-align:middle}.nav-right{gap:12px;margin-left:auto}.nav-right,.search-bar{align-items:center;display:flex}.search-bar{background:#1e1e1e;background:var(--surface2);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:6px;gap:8px;height:38px;padding:0 14px;width:320px}.search-bar input{background:none;border:none;color:#f0f0f0;color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;outline:none;width:100%}.search-bar input::placeholder{color:#555;color:var(--text-dim)}.search-icon{border:2px solid #555;border:2px solid var(--text-dim);border-radius:50%;display:inline-block;flex-shrink:0;height:14px;position:relative;width:14px}.search-icon:after{background:#555;background:var(--text-dim);border-radius:999px;bottom:-3px;content:"";height:2px;position:absolute;right:-5px;transform:rotate(45deg);width:6px}.user-icon{align-items:center;background:#1e1e1e;background:var(--surface2);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;width:34px}.main{margin:0 auto;max-width:1300px;padding:40px 40px 60px}.section-title{font-size:22px;font-weight:600;margin-bottom:18px}.genre-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:48px}.genre-pill{background:#1e1e1e;background:var(--surface2);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:999px;color:#888;color:var(--text-muted);cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;padding:7px 18px;transition:all .2s}.genre-pill:hover{border-color:#888;border-color:var(--text-muted);color:#f0f0f0;color:var(--text)}.genre-pill.active{background:#e63232;background:var(--red);border-color:#e63232;border-color:var(--red);color:#fff}.trending-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.view-toggle{display:flex;gap:8px}.view-btn{align-items:center;background:#1e1e1e;background:var(--surface2);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#888;color:var(--text-muted);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.view-btn.active,.view-btn:hover{background:#141414;background:var(--surface);border-color:#444;color:#f0f0f0;color:var(--text)}.movie-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.movie-grid.list-view{grid-template-columns:1fr}.movie-card{cursor:pointer;transition:transform .2s}.movie-card:hover{transform:translateY(-4px)}.card-poster{aspect-ratio:2/3;background:#1e1e1e;background:var(--surface2);border-radius:8px;border-radius:var(--radius);margin-bottom:10px;overflow:hidden;position:relative;width:100%}.card-poster img{display:block;height:100%;object-fit:cover;width:100%}.movie-card:hover .card-poster img{transform:scale(1.04);transition:transform .3s}.card-title{font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{color:#888;color:var(--text-muted);font-size:13px;justify-content:space-between}.card-meta,.card-rating{align-items:center;display:flex}.card-rating{color:#e63232;color:var(--red);font-weight:600;gap:4px}.movie-grid.list-view .movie-card{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;gap:16px;padding:12px}.movie-grid.list-view .card-poster{aspect-ratio:2/3;flex-shrink:0;margin-bottom:0;width:70px}.movie-grid.list-view .card-info{display:flex;flex-direction:column;gap:6px;justify-content:center}.movie-grid.list-view .card-title{font-size:15px;white-space:normal}.no-results{grid-column:1/-1;padding:60px 0;text-align:center}.loading,.no-results{color:#888;color:var(--text-muted)}.loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 0}.spinner{animation:spin .8s linear infinite;border:3px solid #2a2a2a;border-top-color:#e63232;border:3px solid var(--border);border-radius:50%;border-top-color:var(--red);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.detail-backdrop{display:block;height:420px;mask-image:linear-gradient(180deg,#000c 60%,#0000);-webkit-mask-image:linear-gradient(180deg,#000c 60%,#0000);object-fit:cover;width:100%}.detail-body{grid-gap:40px;display:grid;gap:40px;grid-template-columns:280px 1fr;margin:-120px auto 0;max-width:1300px;padding:0 40px 60px;position:relative;z-index:2}.detail-poster{display:flex;flex-direction:column;gap:12px}.detail-poster-label{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:8px 8px 0 0;border-radius:var(--radius) var(--radius) 0 0;color:#555;color:var(--text-dim);font-size:10px;letter-spacing:2px;padding:8px 14px;text-transform:uppercase}.detail-poster img{aspect-ratio:2/3;border-radius:0 0 8px 8px;border-radius:0 0 var(--radius) var(--radius);object-fit:cover;width:100%}.btn-watchlist{background:#e63232;background:var(--red);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;padding:14px;transition:background .2s;width:100%}.btn-watchlist:hover{background:#b52020;background:var(--red-dark)}.btn-trailer{background:#0000;border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#f0f0f0;color:var(--text);cursor:pointer;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;padding:13px;transition:border-color .2s,background .2s;width:100%}.btn-trailer:hover{border-color:#e63232;border-color:var(--red);color:#e63232;color:var(--red)}.detail-info{padding-top:80px}.detail-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.meta-badge{color:#888;color:var(--text-muted)}.meta-badge,.rating-badge{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:4px;font-size:13px;padding:5px 14px}.rating-badge{align-items:center;display:flex;gap:6px}.rating-badge .score{color:#e63232;color:var(--red);font-size:20px;font-weight:700}.rating-badge .of{color:#888;color:var(--text-muted)}.detail-title{font-family:Bebas Neue,sans-serif;font-size:72px;letter-spacing:3px;line-height:1;margin-bottom:16px}.genre-tags{display:flex;gap:8px;margin-bottom:32px}.genre-tag{border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:4px;color:#888;color:var(--text-muted);font-size:12px;letter-spacing:1px;padding:4px 12px;text-transform:uppercase}.detail-section-title{color:#e63232;color:var(--red);font-size:18px;font-weight:600;margin-bottom:12px}.detail-synopsis{color:#bbb;font-size:15px;line-height:1.75;margin-bottom:40px;max-width:680px}.cast-grid{display:flex;flex-wrap:wrap;gap:12px}.cast-card{background:#141414;background:var(--surface);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);min-width:140px;padding:12px 16px;transition:border-color .2s}.cast-card.clickable{cursor:pointer}.cast-card.clickable:hover{border-color:#e63232;border-color:var(--red)}.cast-name{font-size:14px;font-weight:600;margin-bottom:4px}.cast-role{color:#888;color:var(--text-muted);font-size:12px}.cast-hint{color:#e63232;color:var(--red);font-size:11px;margin-top:6px;opacity:0;transition:opacity .2s}.cast-card.clickable:hover .cast-hint{opacity:1}.back-btn{align-items:center;background:none;border:none;color:#888;color:var(--text-muted);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:15px;gap:8px;padding:20px 40px 0;transition:color .2s}.back-btn:hover{color:#f0f0f0;color:var(--text)}.similar-section{margin:0 auto;max-width:1300px;padding:0 40px 60px}.trailer-overlay{align-items:center;background:#000000eb;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.trailer-container{aspect-ratio:16/9;border-radius:8px;border-radius:var(--radius);max-width:960px;overflow:hidden;position:relative;width:90vw}.trailer-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:0;top:-40px;z-index:10}.trailer-close:hover{color:#e63232;color:var(--red)}.actor-header{align-items:flex-start;display:flex;gap:40px;margin-bottom:16px}.actor-photo{aspect-ratio:2/3;border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);flex-shrink:0;object-fit:cover;width:200px}.actor-name{font-family:Bebas Neue,sans-serif;font-size:56px;letter-spacing:3px;line-height:1;margin-bottom:12px}.actor-meta{color:#888;color:var(--text-muted);font-size:14px;margin-bottom:8px}.actor-bio{color:#bbb;font-size:15px;line-height:1.75;margin-top:16px;max-width:680px}.footer{align-items:center;background:#111;border-top:1px solid #2a2a2a;border-top:1px solid var(--border);color:#555;color:var(--text-dim);display:flex;font-size:13px;justify-content:space-between;margin-top:60px;padding:24px 40px}.footer-links{display:flex;gap:20px}.footer-links a{color:#555;color:var(--text-dim);text-decoration:none}.footer-links a:hover,.watchlist-empty{color:#888;color:var(--text-muted)}.watchlist-empty{padding:80px 0;text-align:center}.watchlist-empty .big-icon{font-size:48px;margin-bottom:16px}.auth-page{align-items:center;background:#0a0a0a;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#141414;border:1px solid #2a2a2a;border-radius:12px;max-width:420px;padding:48px 40px;width:100%}.auth-logo{color:#f0f0f0;font-family:Bebas Neue,sans-serif;font-size:36px;letter-spacing:3px;margin-bottom:4px;text-align:center}.auth-logo span{color:#e63232}.auth-tagline{color:#555;font-size:14px;margin-bottom:32px;text-align:center}.auth-tabs{background:#1e1e1e;border-radius:8px;display:flex;margin-bottom:28px;padding:4px}.auth-tabs button{background:none;border:none;border-radius:6px;color:#888;cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;padding:10px;transition:all .2s}.auth-tabs button.active{background:#e63232;color:#fff}.auth-form{gap:16px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-field label{color:#888;font-size:13px;font-weight:500}.auth-field input{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:8px;color:#f0f0f0;font-family:DM Sans,sans-serif;font-size:15px;outline:none;padding:12px 14px;transition:border-color .2s}.auth-field input:focus{border-color:#e63232}.auth-error{background:#e632321a;border:1px solid #e632324d;border-radius:8px;color:#e63232;font-size:13px;padding:10px 14px}.auth-submit{background:#e63232;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;margin-top:4px;padding:14px;transition:background .2s}.auth-submit:hover:not(:disabled){background:#b52020}.auth-submit:disabled{cursor:not-allowed;opacity:.6}.auth-switch{color:#555;font-size:14px;margin-top:20px;text-align:center}.auth-switch span{color:#e63232;cursor:pointer;font-weight:500}.auth-switch span:hover{text-decoration:underline}.user-menu{position:relative}.user-avatar{align-items:center;background:#e63232;border:1px solid #0000;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;height:34px;justify-content:center;transition:border-color .2s,box-shadow .2s,transform .2s;-webkit-user-select:none;user-select:none;width:34px}.user-avatar.active,.user-avatar:hover{border-color:#ffffff59;box-shadow:0 0 0 3px #e6323229;transform:translateY(-1px)}.user-dropdown{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:8px;display:none;margin-top:10px;min-width:200px;padding:12px;position:absolute;right:0;top:100%;z-index:200}.user-dropdown:before{content:"";height:10px;left:0;position:absolute;right:0;top:-10px}.user-menu:focus-within .user-dropdown,.user-menu:hover .user-dropdown{display:block}.user-dropdown-name{color:#f0f0f0;font-size:14px;font-weight:600;margin-bottom:2px}.user-dropdown-email{color:#555;font-size:12px;margin-bottom:10px}.dropdown-divider{border:none;border-top:1px solid #2a2a2a;margin:10px 0}.dropdown-profile{background:none;border:none;color:#f0f0f0;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;padding:4px 0;text-align:left;width:100%}.dropdown-profile:hover{color:#e63232}.dropdown-logout{background:none;border:none;color:#e63232;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;padding:0;text-align:left;width:100%}.dropdown-logout:hover{text-decoration:underline}.profile-page{margin:0 auto;max-width:1000px;padding:48px 40px 80px}.profile-hero{align-items:center;background:#141414;border:1px solid #2a2a2a;border-radius:8px;display:flex;gap:24px;margin-bottom:24px;padding:32px}.profile-avatar-large{align-items:center;background:#e63232;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:36px;font-weight:700;height:92px;justify-content:center;width:92px}.profile-kicker{color:#e63232;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.profile-name{font-family:Bebas Neue,sans-serif;font-size:56px;letter-spacing:3px;line-height:1;margin-bottom:8px}.profile-email{color:#888;font-size:15px;overflow-wrap:anywhere}.profile-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr)}.profile-panel{background:#141414;border:1px solid #2a2a2a;border-radius:8px;padding:24px}.profile-panel h2{font-size:18px;margin-bottom:18px}.profile-detail-row{border-bottom:1px solid #2a2a2a;display:flex;gap:24px;justify-content:space-between;padding:14px 0}.profile-detail-row:last-child{border-bottom:none}.profile-detail-row span{color:#888}.profile-detail-row strong{color:#f0f0f0;overflow-wrap:anywhere;text-align:right}.profile-stat span{color:#e63232;display:block;font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.profile-stat p{color:#888}@media (max-width:720px){.profile-page{padding:32px 20px 64px}.profile-hero{align-items:flex-start;flex-direction:column;padding:24px}.profile-name{font-size:44px}.profile-grid{grid-template-columns:1fr}.profile-detail-row{flex-direction:column;gap:6px}.profile-detail-row strong{text-align:left}}
/*# sourceMappingURL=main.056db3cb.css.map*/