:root{color-scheme:dark;--bg:#060608;--card:#15151b;--card2:#20202a;--text:#fff;--muted:#aaaab5;--red:#e50935;--red2:#ff3657;--green:#22c55e;--line:rgba(255,255,255,.12);--shadow:0 24px 80px rgba(0,0,0,.65)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#060608;color:var(--text);font-family:Arial,Helvetica,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 72% 6%,rgba(229,9,53,.42),transparent 30%),radial-gradient(circle at 10% 15%,rgba(90,40,140,.28),transparent 28%),linear-gradient(180deg,#09090d,#050506 42%,#000)}body:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.55) 48%,rgba(0,0,0,.92));pointer-events:none}a{color:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px clamp(16px,4vw,58px);background:rgba(0,0,0,.82);border-bottom:1px solid var(--line);box-shadow:0 12px 35px rgba(0,0,0,.35)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--red),var(--red2));font-weight:900;box-shadow:0 12px 32px rgba(229,9,53,.42)}.brand h1,.topbar h1,.login-card h1{margin:0;letter-spacing:-.04em}.brand span,.topbar span,.login-card p,.empty,.resume-info{color:var(--muted)}.top-actions{display:flex;gap:10px;flex-wrap:wrap}.logout,button,.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 18px;border:0;border-radius:999px;background:var(--red);color:#fff;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 14px 30px rgba(229,9,53,.22);transition:.18s}.logout:hover,button:hover,.button-link:hover{transform:translateY(-1px);background:var(--red2)}button:disabled{opacity:.55;cursor:wait;transform:none}.stream-shell{padding:clamp(18px,4vw,58px)}.watch-hero{min-height:58vh;display:grid;align-content:end;gap:20px;padding:clamp(22px,4vw,44px);border-radius:30px;background:linear-gradient(90deg,rgba(12,12,16,.96),rgba(12,12,16,.58)),radial-gradient(circle at 88% 18%,rgba(229,9,53,.45),transparent 32%),linear-gradient(135deg,#171721,#07070a);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.hero-copy{max-width:980px}.eyebrow{display:inline-flex;margin-bottom:10px;color:var(--red2);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero-copy h2{margin:0;font-size:clamp(2.4rem,7vw,6.8rem);line-height:.9;letter-spacing:-.07em;text-shadow:0 8px 40px rgba(0,0,0,.8)}.hero-copy p{max-width:620px;color:#d7d7df;font-size:1.1rem}.player-frame{padding:10px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.03));border:1px solid var(--line)}video{display:block;width:100%;max-height:64vh;border-radius:20px;background:#000;box-shadow:0 20px 70px rgba(0,0,0,.8)}.catalog-section{margin-top:32px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:var(--muted);font-size:.82rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.section-title strong{color:#fff;background:var(--card2);padding:6px 11px;border-radius:999px}.video-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;list-style:none;margin:0;padding:0}.movie-card{display:block;min-height:245px;padding:12px;border-radius:22px;background:linear-gradient(180deg,#222230,#111116);border:1px solid transparent;text-decoration:none;transition:.2s;box-shadow:0 16px 42px rgba(0,0,0,.36)}.movie-card:hover,.movie-card.active{transform:scale(1.035);border-color:rgba(229,9,53,.7);box-shadow:0 24px 65px rgba(0,0,0,.6)}.poster-thumb{display:grid;place-items:center;height:150px;border-radius:17px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.20),transparent 25%),linear-gradient(145deg,#3a0b18,#1a1a24 55%,#08080b);margin-bottom:12px}.poster-thumb span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(229,9,53,.9);box-shadow:0 12px 32px rgba(229,9,53,.35)}.video-meta{display:grid;gap:6px}.video-meta strong{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta small{color:var(--muted);font-size:.82rem}.login-page{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 10%,rgba(229,9,53,.42),transparent 32%),linear-gradient(135deg,#08080b,#000)}.login-card,.admin-card{background:rgba(18,18,24,.90);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.login-card{width:min(460px,100%);padding:34px}.login-brand{align-items:flex-start;margin-bottom:20px}label{display:grid;gap:8px;margin:16px 0;color:var(--muted);font-weight:700}input,select{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:#09090d;color:#fff;outline:none}input:focus,select:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(229,9,53,.16)}input[type=file]{padding:11px}button{width:100%;margin-top:8px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:22px;padding:clamp(18px,4vw,58px)}.admin-card{padding:24px}.admin-card h2{margin-top:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.progress-box{height:18px;border-radius:999px;background:#050506;border:1px solid var(--line);overflow:hidden}.progress-bar{width:0;height:100%;background:linear-gradient(90deg,var(--red),var(--green));transition:width .2s}.alert{background:rgba(251,113,133,.13);border:1px solid #fb7185;padding:12px;border-radius:14px}.placeholder{padding:50px;text-align:center;color:var(--muted)}code{color:var(--red2)}@media(max-width:720px){.topbar{align-items:flex-start;flex-direction:column}.watch-hero{min-height:auto}.hero-copy h2{font-size:2.4rem}.video-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.movie-card{min-height:215px}.poster-thumb{height:120px}}