:root{--bg: #0b0d12;--surface: #141821;--surface-2: #1c2230;--border: #262d3d;--text: #eef1f7;--muted: #9aa3b5;--accent: #4E5A6B;--accent-2: #6b7889;--radius: 14px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:0 20px}.header{position:sticky;top:0;z-index:10;background:#0b0d12d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{font-size:1.25rem;font-weight:800;color:var(--text);text-decoration:none;letter-spacing:-.02em}.brand .accent{color:var(--accent)}.brand-icon{color:var(--accent);margin-right:4px}.header-sub{color:var(--muted);font-size:.85rem}.hero{padding:56px 0 32px}.hero h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.03em}.hero p{color:var(--muted);margin-top:10px;max-width:540px;line-height:1.6}.section-title{display:flex;align-items:center;gap:14px;margin:28px 0 18px}.section-title h2{font-size:1.15rem;font-weight:700;white-space:nowrap}.section-title .line{height:1px;flex:1;background:var(--border)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.video-card{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.video-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 32px #4e5a6b33}.thumb{position:relative;aspect-ratio:16 / 9;background:var(--surface-2)}.thumb video{width:100%;height:100%;object-fit:cover;display:block}.play-badge{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:52px;height:52px;border-radius:50%;background:#4e5a6be6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;padding-left:4px;transition:transform .2s ease,opacity .2s ease;pointer-events:none}.video-card:hover .play-badge{transform:scale(1.12)}.video-info{padding:14px 16px 18px}.tag{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:#4e5a6b26;border:1px solid rgba(78,90,107,.4);padding:3px 9px;border-radius:99px;margin-bottom:8px}.video-info h3{font-size:1.05rem;font-weight:700}.video-info p{color:var(--muted);font-size:.87rem;margin-top:5px;line-height:1.5}.watch-page{padding:28px 0 60px}.player-wrap{background:#000;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 60px #00000080}.player-wrap video{width:100%;aspect-ratio:16 / 9;display:block;background:#000}.player-notice{margin-top:12px;color:#d7deea;background:#6b788924;border:1px solid rgba(107,120,137,.35);border-radius:10px;padding:10px 12px;font-size:.88rem;line-height:1.5}.player-notice[hidden]{display:none}.watch-info{padding:22px 4px}.watch-info h1{font-size:1.5rem;font-weight:800;margin-top:10px;letter-spacing:-.02em}.watch-info p{color:var(--muted);margin-top:8px;line-height:1.6;max-width:680px}.footer{color:#5b6374;font-size:.82rem;padding:40px 20px;text-align:center;border-top:1px solid var(--border)}.notfound{padding:80px 20px;text-align:center}.notfound h1{font-size:1.6rem;margin-bottom:16px}.back-link{color:var(--accent);text-decoration:none;font-weight:600;font-size:.9rem}.back-link:hover{text-decoration:underline}@media (max-width: 640px){.hero{padding:36px 0 24px}.video-grid{grid-template-columns:1fr}}