*,:before,:after{box-sizing:border-box}html,body{color:#f5f5f5;background:#050509;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}.page-container{padding-top:64px}.nav{z-index:10;background:#0b0b11;border-bottom:1px solid #222;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-left{align-items:center;gap:8px;display:flex}.nav-logo{letter-spacing:.04em;font-weight:600}.nav-links{gap:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-link{color:#aaa;border-radius:999px;padding:6px 10px;font-size:14px;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{color:#fff;background:#1a1a24}.nav-link.active{color:#000;background:#fff}.home{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:24px;display:flex}.hero-card{background:radial-gradient(circle at top,#22223a,#090910);border-radius:16px;max-width:480px;padding:32px;box-shadow:0 18px 60px #0009}.hero-card h1{margin-top:0;margin-bottom:16px}.hero-card p{color:#ddd;margin:0 0 8px}.hero-sub{color:#bbb;margin-top:12px;font-size:14px}.dashboard,.upload-page{padding:32px}.title{text-align:center;margin-bottom:24px;font-size:28px}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.card{background:#111119;border-radius:16px;padding:20px;box-shadow:0 12px 40px #0009}.video-card{flex-direction:column;gap:12px;display:flex}.video-thumb{background:#000;border-radius:12px;justify-content:center;display:flex;overflow:hidden}.video-meta{justify-content:space-between;align-items:center;display:flex}.video-filename{color:#ccc;margin:0;font-size:14px}.status{border-radius:999px;padding:4px 10px;font-size:12px}.status-draft{color:#eee;background:#333}.status-scheduled{color:#ffcf66;background:#3f2d10}.status-published{color:#8bff9c;background:#12351a}.field{flex-direction:column;gap:6px;margin-bottom:10px;font-size:14px;display:flex}.field span{color:#bbb}.field input,.field textarea{color:#f5f5f5;resize:vertical;background:#05050a;border:1px solid #333546;border-radius:8px;padding:8px 10px;font-size:14px}.field input:focus,.field textarea:focus{border-color:#6366f1;outline:none}.btn{cursor:pointer;border:none;border-radius:999px;padding:8px 16px;font-size:14px;transition:transform .1s,box-shadow .1s,background .15s}.btn.primary{color:#fff;background:#6366f1;box-shadow:0 8px 24px #6366f180}.btn.primary:hover{background:#4f46e5}.btn.primary:disabled{opacity:.6;cursor:default;box-shadow:none}.btn.outline{color:#ddd;background:0 0;border:1px solid #333546}.btn.outline:hover{background:#1a1a24}.video-actions{gap:10px;margin-top:6px;display:flex}.upload-card{max-width:480px}.selected-files{margin:10px 0}.selected-files ul{margin:4px 0 0;padding-left:16px;font-size:13px}.error{color:#ff6b81;margin-top:8px;font-size:14px}.success{color:#8bff9c;margin-top:8px;font-size:14px}@media (max-width:600px){.dashboard,.upload-page{padding:16px}.hero-card{padding:20px}}.legal-footer{color:#888;gap:8px;font-size:12px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.legal-footer a{color:inherit;text-decoration:none}.legal-footer a:hover{text-decoration:underline}.upload-page{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:32px;display:flex}.upload-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;width:100%;max-width:420px;padding:32px}.upload-card h1{margin-bottom:24px;font-size:28px}.upload-card input[type=file]{width:100%;margin-bottom:16px}.upload-card button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;padding:12px;font-weight:600}.upload-card button:disabled{opacity:.4;cursor:not-allowed}.upload-message{opacity:.8;margin-top:16px;font-size:14px}.upload-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:600;display:flex}.upload-btn.loading{color:#222;cursor:not-allowed;background:#888}.spinner{border:2px solid #0000004d;border-top-color:#000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.home{max-width:1000px;margin:0 auto;padding:80px 24px}.home-hero{text-align:center;margin-bottom:80px}.home-hero h1{margin-bottom:16px;font-size:48px}.home-subtitle{opacity:.8;max-width:600px;margin:0 auto 32px;font-size:18px}.home-actions{justify-content:center;gap:16px;display:flex}.home-features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;display:grid}.feature{border:1px solid #ffffff14;border-radius:12px;padding:24px}.feature h3{margin-bottom:8px}.about-page{justify-content:center;padding:80px 24px;display:flex}.about-container{max-width:700px}.about-container h1{margin-bottom:24px;font-size:40px}.about-container p{margin-bottom:16px;line-height:1.6}.about-note{opacity:.6;margin-top:32px;font-size:14px}