*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#050816;--bg-soft:#0b1120;--card:#ffffff0b;--card-strong:#ffffff12;--border:#ffffff14;--border-strong:#ffffff24;--text:#fff;--muted:#cbd5e1;--muted-2:#94a3b8;--blue:#2563eb;--blue-soft:#60a5fa;--blue-glow:#2563eb33;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--shadow-lg:0 20px 70px #00000059;--shadow-md:0 12px 40px #0000003d;--radius-xl:24px;--radius-lg:20px;--radius-md:14px;--radius-sm:12px}body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#2563eb24,#0000 28%),linear-gradient(#050816 0%,#060b19 100%);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit;outline:none}input::placeholder,textarea::placeholder{color:#7c8aa5}.container{max-width:1180px;margin:0 auto;padding:0 20px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.primaryBtn,.secondaryBtn{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;min-height:50px;padding:14px 20px;font-weight:800;text-decoration:none;transition:transform .18s,opacity .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.primaryBtn{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border:none;box-shadow:0 12px 34px #2563eb47}.primaryBtn:hover{transform:translateY(-1px);box-shadow:0 16px 40px #2563eb57}.secondaryBtn{color:#fff;background:#ffffff05;border:1px solid #ffffff29}.secondaryBtn:hover{background:#ffffff0a;border-color:#ffffff42;transform:translateY(-1px)}.primaryBtn:active,.secondaryBtn:active{transform:translateY(0)}.grid{gap:18px;display:grid}.twoCol{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.threeCol{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.input{color:#fff;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:14px 16px;transition:border-color .18s,box-shadow .18s,background .18s}.input:focus,input:focus,textarea:focus,select:focus{background:#ffffff0f;border-color:#60a5fa99;box-shadow:0 0 0 4px #2563eb24}.label{color:var(--muted);margin-bottom:8px;font-weight:700;display:block}.small{color:var(--muted-2);font-size:14px;line-height:1.65}.sectionTitle{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(2rem,4vw,3.2rem);font-weight:900}.badge{color:#93c5fd;letter-spacing:.04em;background:#3b82f624;border:1px solid #3b82f647;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;display:inline-block}.nav{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050816b8;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex;position:sticky;top:0}.navLinks{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pageShell{background:radial-gradient(circle at top,#2563eb2e,#0000 30%),#050816;min-height:100vh}.videoThumb{aspect-ratio:16/9;color:#dbeafe;background:linear-gradient(135deg,#2563eb3d,#0f172af5);border:1px solid #ffffff14;border-radius:16px;place-items:center;width:100%;font-size:clamp(1rem,2vw,1.25rem);font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff0f}.status{border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.5}.status.ok{color:#bbf7d0;background:#22c55e1f;border:1px solid #22c55e3d}.status.warn{color:#fde68a;background:#f59e0b1f;border:1px solid #f59e0b3d}.status.err{color:#fecaca;background:#ef44441f;border:1px solid #ef44443d}.tableWrap{border:1px solid #ffffff14;border-radius:18px;overflow-x:auto}table{border-collapse:collapse;background:#ffffff08;width:100%}th,td{text-align:left;border-bottom:1px solid #ffffff14;padding:14px}th{color:#cbd5e1;background:#ffffff05;font-size:14px;font-weight:800}td{color:#e2e8f0}hr{border:none;border-top:1px solid #ffffff14}@media (max-width:820px){.nav{padding:16px 0}.navLinks{gap:10px}.primaryBtn,.secondaryBtn{min-height:46px;padding:12px 16px}.container{padding:0 16px}.card{border-radius:18px}}