:root{color-scheme:dark;--bg:#080d17;--panel:#101827;--panel2:#131e30;--text:#eef5ff;--muted:#9fb0c8;--line:rgba(255,255,255,.12);--accent:#3dd6b8;--accent2:#78a6ff;--warn:#ffcc66;--ok:#6df08f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 10%,rgba(61,214,184,.18),transparent 34rem),radial-gradient(circle at 80% 0,rgba(120,166,255,.16),transparent 30rem),linear-gradient(180deg,#08101e,#060913 65%,#05070d);color:var(--text);font:16px/1.55 Inter,Manrope,system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");mix-blend-mode:screen}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:18px clamp(18px,4vw,64px);backdrop-filter:blur(18px);background:rgba(8,13,23,.72);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand strong{display:block;font-size:18px}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:-2px}.brand-mark{width:40px;height:40px;border:1px solid rgba(61,214,184,.45);border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(61,214,184,.18),rgba(120,166,255,.12))}.brand-mark span{width:0;height:0;border-left:12px solid var(--accent);border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px;filter:drop-shadow(0 0 12px rgba(61,214,184,.7))}.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none;font-size:14px}.nav a:hover{color:var(--text)}main{width:min(1180px,calc(100% - 36px));margin:0 auto}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;padding:72px 0 42px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:12px;font-weight:700}.hero h1{font-size:clamp(38px,6vw,76px);line-height:.95;margin:12px 0 24px;letter-spacing:-.06em}.lead{font-size:18px;color:#c5d3e8;max-width:720px}.search-card,.player,.stats article,.file-card,.format-grid article,.calc,.posts a{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.28);border-radius:24px}.search-card{padding:18px;margin-top:28px}.search-card label{display:block;color:#cfe0f7;margin-bottom:10px}.search-row{display:flex;gap:10px}.search-row input,.calc input{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(3,7,14,.7);color:var(--text);border-radius:14px;padding:14px 14px;font:inherit}.search-row button{border:0;border-radius:14px;padding:0 18px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#041018;font-weight:800;cursor:pointer}.hint{color:var(--muted);margin:10px 0 0;font-size:14px}.preview-panel{position:relative}.player{padding:14px;border-radius:28px;transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.player-top{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin-bottom:10px}.player-top span{width:10px;height:10px;border-radius:50%;background:#ff6b6b}.player-top span:nth-child(2){background:#ffd166}.player-top span:nth-child(3){background:#6df08f}.player-top em{margin-left:auto;font-style:normal}.frame{position:relative;overflow:hidden;border-radius:20px;background:#02050b;aspect-ratio:16/9}.frame canvas{width:100%;height:100%;display:block}.play-pulse{position:absolute;left:50%;top:50%;translate:-50% -50%;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);animation:pulse 2.2s infinite}.timeline{height:8px;border-radius:99px;background:rgba(255,255,255,.12);margin:14px 2px 10px;overflow:hidden}.timeline i{display:block;height:100%;width:38%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit;animation:bar 7s ease-in-out infinite}.meta-row{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.file-stack{position:absolute;right:-14px;bottom:-20px;display:grid;gap:8px}.file-stack span{display:block;padding:8px 12px;border-radius:12px;background:#152036;border:1px solid var(--line);font-weight:800;color:#d8e5fa;animation:float 3.2s ease-in-out infinite;animation-delay:var(--d)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px 0 38px}.stats article{padding:20px}.stats b{display:block;font-size:30px}.stats span{color:var(--muted)}.section{padding:54px 0;border-top:1px solid var(--line)}.split{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px}.section h2{font-size:clamp(28px,4vw,46px);margin:6px 0 14px;letter-spacing:-.04em}.section p{color:#c3d0e5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.file-card{padding:14px;transition:.25s transform,.25s border-color}.file-card:hover{transform:translateY(-5px);border-color:rgba(61,214,184,.5)}.thumb{height:132px;border-radius:18px;margin-bottom:14px;background:linear-gradient(135deg,#3dd6b8,#13243c);position:relative;overflow:hidden}.thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transform:translateX(-100%);animation:scan 3.8s infinite}.thumb.cold{background:linear-gradient(135deg,#78a6ff,#1c2542)}.thumb.green{background:linear-gradient(135deg,#6df08f,#163326)}.file-card h3{margin:0 0 8px}.file-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.ok{color:var(--ok)}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.format-grid article{padding:20px}.format-grid b{font-size:24px;color:#fff}.lab{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.calc{padding:22px;display:grid;gap:14px}.calc label{display:grid;gap:8px;color:#d6e3f7}.calc output{display:block;padding:18px;border-radius:18px;background:rgba(61,214,184,.12);color:var(--accent);font-size:28px;font-weight:900}.posts{display:grid;gap:12px}.posts a{display:flex;justify-content:space-between;gap:24px;padding:18px 20px;color:var(--text);text-decoration:none}.posts span{color:var(--muted);white-space:nowrap}.footer{width:min(1180px,calc(100% - 36px));margin:30px auto 0;padding:28px 0 44px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);border-top:1px solid var(--line)}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(61,214,184,.35)}50%{box-shadow:0 0 0 20px rgba(61,214,184,0)}}@keyframes bar{0%,100%{width:28%}50%{width:76%}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scan{70%,100%{transform:translateX(100%)}}@media(max-width:860px){.hero,.split,.lab{grid-template-columns:1fr}.stats,.cards,.format-grid{grid-template-columns:1fr 1fr}.nav{display:none}.player{transform:none}}@media(max-width:560px){main{width:min(100% - 24px,1180px)}.topbar{padding:14px 12px}.stats,.cards,.format-grid{grid-template-columns:1fr}.search-row{flex-direction:column}.footer{flex-direction:column}.hero{padding-top:42px}.posts a{display:block}.posts span{display:block;margin-bottom:6px}}