*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}.page{max-width:900px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:24px}header{text-align:center;margin:-24px -16px 0;padding:24px 16px 0;background:radial-gradient(circle at 50% 0%,rgba(78,205,196,.16),transparent 65%),linear-gradient(180deg,#202749,#1a1a2e);border-radius:0 0 20px 20px}header h1{font-size:2rem;font-weight:800;letter-spacing:.5px;text-shadow:0 2px 12px rgba(78,205,196,.25)}.tagline{margin-top:8px;color:#8b90a8}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{display:flex;align-items:center;gap:16px;padding:20px;background:#16213e;border-radius:12px;text-decoration:none;color:inherit;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease-out}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000059}.card:active{transform:translateY(-1px) scale(.98)}.card .icon{font-size:2.4rem;line-height:1}.card .meta{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.card .meta strong{font-size:1.1rem}.card .meta small{color:#8b90a8;line-height:1.4}.card .play{font-size:.75rem;font-weight:700;letter-spacing:1px;color:#4ecdc4;white-space:nowrap}.empty{grid-column:1 / -1;text-align:center;color:#8b90a8;padding:40px 0}footer{text-align:center;color:#777}footer a{color:#999}.back{color:#cbd5e1;text-decoration:none;font-size:.9rem}.back:hover{color:#fff}.policy h1{font-size:1.6rem;margin-bottom:8px}.policy h2{font-size:1.1rem;margin-top:24px;margin-bottom:8px;color:#4ecdc4}.policy p,.policy li{line-height:1.6;color:#cbd5e1}.policy ul{padding-left:20px;margin-top:8px}.policy a{color:#4ecdc4}.policy .updated{color:#8b90a8;font-size:.85rem;margin-bottom:16px}.content h2{font-size:1.3rem;color:#4ecdc4;margin-bottom:12px}.content h2:not(:first-child){margin-top:32px}.content p{line-height:1.6;color:#cbd5e1;margin-bottom:12px}.content code{background:#0f0f1a;padding:2px 6px;border-radius:4px;font-size:.9em}.faq{display:flex;flex-direction:column;gap:16px}.faq-item h3{font-size:1rem;color:#eee;margin-bottom:6px}.faq-item p{color:#8b90a8;line-height:1.6;margin-bottom:0}