:root{--bg-color: #121212;--text-color: #f0f0f0;--accent-color: #2a2a2a;--hover-color: #3a3a3a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}.centered-body{display:flex;justify-content:center;align-items:center;flex-direction:column}.brand-logo{font-size:3rem;letter-spacing:.2em;font-weight:300;text-transform:uppercase}.video-container{width:95%;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:20px}.video-title{font-size:1.5rem;font-weight:400;text-align:center}.thumbnail-link{position:relative;width:100%;aspect-ratio:16 / 9;display:block;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.thumbnail-link:hover{transform:scale(1.02);box-shadow:0 10px 30px #00000080}.thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;transition:background .2s ease}.thumbnail-link:hover .play-overlay{background:#0000001a}.play-icon{width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:32px solid rgba(255,255,255,.9);transition:transform .2s ease}.thumbnail-link:hover .play-icon{transform:scale(1.1)}.video-player{width:100%;aspect-ratio:16 / 9;border-radius:12px;outline:none;background-color:#000;box-shadow:0 10px 30px #00000080}.admin-body{padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.admin-container{width:100%;max-width:1200px;display:grid;grid-template-columns:350px 1fr;gap:40px;align-items:start}.admin-sidebar{position:sticky;top:40px;background:var(--accent-color);padding:30px;border-radius:12px}.admin-content{display:flex;flex-direction:column}@media(max-width:768px){.admin-container{grid-template-columns:1fr}.admin-sidebar{position:static}}.admin-panel{width:100%;max-width:400px;background:var(--accent-color);padding:30px;border-radius:12px;text-align:center}.admin-container h2,.admin-panel h2,.admin-sidebar h2,.admin-content h2{margin-bottom:20px;font-weight:400}.admin-form{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.admin-form input{padding:12px 15px;border-radius:8px;border:1px solid #555;background:#1a1a1a;color:#fff;font-size:1rem;outline:none}.admin-form input:focus{border-color:#888}.admin-form button{padding:12px 15px;border-radius:8px;border:none;background:#f0f0f0;color:#121212;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease}.admin-form button:hover{background:#ccc}.video-list{display:flex;flex-direction:column;gap:15px}.video-item{background:var(--accent-color);padding:20px;border-radius:12px}.video-item h3{margin-bottom:10px;font-weight:500}.video-links{display:flex;flex-direction:column;gap:5px;font-size:.9rem}.video-links a{color:#8ab4f8;text-decoration:none}.video-links a:hover{text-decoration:underline}.video-links p{margin-bottom:8px;word-break:break-all}.video-links strong{color:#aaa}.action-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:opacity .2s}.action-btn:hover{opacity:.8}.edit-btn{background-color:#fbbc04;color:#000}.delete-btn{background-color:#ea4335;color:#fff}