@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f4ff;background:#0d0e1d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% 0,#392070 0,transparent 39%),radial-gradient(ellipse at 0 35%,#172b53 0,transparent 30%),#0d0e1d;min-height:100vh}a{color:#d5b8ff}a:hover{color:#fff}.wrap{max-width:1250px;margin:auto;padding-left:22px;padding-right:22px}.site-header{background:#101125eb;border-bottom:1px solid #34304d;padding:20px 0}.header-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:24px;font-weight:800;letter-spacing:-.045em;color:white;text-decoration:none;white-space:nowrap}.brand span{color:#b89aff}.youtube-button{background:#262045;border:1px solid #4c3e75;border-radius:25px;padding:10px 15px;text-decoration:none;font-size:13px;font-weight:700}nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}nav a{border:1px solid #3a365a;border-radius:100px;padding:8px 12px;font-size:13px;text-decoration:none;color:#e5defd;background:#ffffff06}nav a:hover,.category:hover{border-color:#a98cfb;background:#372663}.hero{padding:65px 0 55px}.eyebrow{color:#bd9bff;font-weight:800;font-size:12px;letter-spacing:.13em;margin:0 0 16px}.hero h1{font-size:clamp(35px,5vw,66px);letter-spacing:-.055em;line-height:1.1;max-width:830px;margin:0 0 22px}.hero>p:not(.eyebrow){font-size:18px;line-height:1.6;color:#bfc3df;max-width:690px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-actions a{padding:13px 20px;border-radius:12px;text-decoration:none;font-weight:700}.primary{background:linear-gradient(120deg,#9068f3,#6149e5);color:#fff}.secondary{border:1px solid #585075}.stat,.chip{background:#3b2765;border:1px solid #614d8b;color:#e7d9ff;padding:8px 13px;border-radius:30px;display:inline-block;font-size:13px;margin-top:25px}.section-heading{font-size:28px;letter-spacing:-.035em;margin:16px 0 22px}.categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px}.category{border:1px solid #373450;background:#1b1b35;border-radius:16px;min-height:143px;padding:19px;text-decoration:none;display:flex;flex-direction:column;gap:7px;color:#fff;transition:.15s}.category-emoji{font-size:27px}.category strong{font-size:16px}.category small{font-size:12px;color:#afb4d4}.featured{margin-top:62px}.muted{color:#adb3cd;line-height:1.6}.category-head{display:flex;gap:18px;align-items:baseline;justify-content:space-between;margin:42px 0 18px}.category-head h2{font-size:24px;margin:0}.category-head a{font-size:13px;font-weight:700}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video{border-radius:17px;background:#191a33;border:1px solid #353453;overflow:hidden;box-shadow:0 12px 25px #03030b22}.video:hover{border-color:#765dd5}.video-frame{width:100%;aspect-ratio:16/9;background:#090a13;position:relative}.video-poster{width:100%;height:100%;border:0;cursor:pointer;color:white;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background-position:center;background-size:cover;position:relative}.video-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05061772,transparent 58%);pointer-events:none}.play-icon{background:#e62236;border-radius:15px;padding:15px 24px;font-size:20px;z-index:1;box-shadow:0 7px 28px #0008;transition:transform .2s}.video-poster:hover .play-icon{transform:scale(1.1)}.play-caption{font-size:13px;font-weight:700;z-index:1;text-shadow:0 1px 8px #000}.video-frame iframe{width:100%;height:100%;border:0;display:block}.video-detail{padding:17px 19px 19px}.video h3{font-size:15px;line-height:1.47;margin:0 0 13px;font-weight:700;overflow-wrap:anywhere}.watch{font-size:12px;font-weight:700;text-decoration:none}.breadcrumbs{padding-top:31px;color:#949bbf;font-size:13px}.page-intro{padding:35px 0 20px}.page-intro h1{font-size:clamp(32px,5vw,52px);margin:0 0 14px;letter-spacing:-.05em}.page-intro p:not(.eyebrow){color:#bbc0df;line-height:1.5}.page-intro .chip{margin-top:10px}.search-label{display:block;font-size:14px;font-weight:700;margin:18px 0 8px}#filter{margin-bottom:30px;width:100%;max-width:520px;padding:14px 16px;background:#1a1d35;color:#fff;border-radius:12px;border:1px solid #57497e;font:inherit}#filter:focus{outline:2px solid #aa89ff}.empty{padding:24px;color:#e5d5ff}.back{margin:42px 0}.bottom-note{margin:35px 0}footer{border-top:1px solid #343450;color:#9ca5c5;padding:32px 0;margin-top:65px;font-size:13px;line-height:1.6}footer p{max-width:750px}[hidden]{display:none!important}@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wrap{padding-left:15px;padding-right:15px}.video-grid,.featured-grid{grid-template-columns:1fr}.hero{padding:40px 0}.hero h1{font-size:38px}.category-head{align-items:start;flex-direction:column;gap:7px}.header-row{align-items:start;flex-direction:column}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.category{padding:12px;min-height:120px}}

.player-notice{margin:22px 0 12px;padding:16px 20px;border:1px solid #9180d6;border-radius:14px;background:#2b2551;color:#f3eeff;font-size:14px;line-height:1.6}.player-notice strong{color:#fff}
