:root{color-scheme:dark;--bg:#080b14;--surface:#111522;--card:#151a29;--card-soft:#101421;--line:rgba(226,232,255,.12);--text:#f7f8ff;--muted:#aeb7cc;--muted-2:#7f89a3;--accent:#8b5cf6;--cyan:#56d8ff;--green:#7cf6c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#080b14 0%,#0b0f1a 48%,#090b12 100%);color:var(--text);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.content-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.content-bg span{position:absolute;border-radius:999px;filter:blur(70px);opacity:.22}.content-bg span:first-child{width:420px;height:420px;left:-170px;top:-110px;background:var(--accent)}.content-bg span:last-child{width:360px;height:360px;right:-150px;top:100px;background:var(--cyan)}a{color:inherit}.content-header{position:sticky;top:0;z-index:20;width:100%;display:grid;grid-template-columns:auto minmax(260px,560px) auto;gap:18px;align-items:center;padding:14px max(20px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(226,232,255,.1);background:rgba(8,11,20,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.content-brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0}.content-brand img{width:38px;height:38px;border-radius:12px;box-shadow:0 10px 28px rgba(86,216,255,.12)}.content-brand strong,.content-brand small{display:block}.content-brand strong{font-size:15px;letter-spacing:-.02em}.content-brand small{color:var(--muted);font-size:12px}.content-search{position:relative;margin:0}.content-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.content-search input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:999px;background:#0d111d;color:var(--text);padding:0 18px 0 42px;font:inherit;outline:none}.content-search:before{content:"⌕";position:absolute;left:17px;top:50%;transform:translateY(-50%);color:var(--muted)}.content-search input:focus{border-color:rgba(86,216,255,.48);box-shadow:0 0 0 4px rgba(86,216,255,.08)}.header-link,.btn,.content-filter{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:999px;min-height:40px;padding:0 16px;font-weight:800;font-size:13px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.header-link:hover,.btn:hover,.content-filter:hover{transform:translateY(-1px);border-color:rgba(226,232,255,.28);background:rgba(255,255,255,.075)}main{width:min(1180px,calc(100% - 40px));margin:0 auto 72px}.content-hero{padding:28px 0 18px}.hero-copy{display:grid;gap:12px;max-width:850px}.eyebrow{color:#b9c4ff;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}.content-hero h1{font:700 clamp(34px,5vw,58px)/.96 'Space Grotesk',Manrope,sans-serif;letter-spacing:-.055em;margin:0;background:linear-gradient(105deg,#fff 0%,#d9e4ff 52%,#91ecff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.content-hero p{max-width:760px;color:var(--muted);font-size:clamp(15px,1.8vw,18px);line-height:1.55;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}.btn-primary{background:#f7f8ff;color:#070a12;border-color:#f7f8ff}.btn-secondary{background:#101625}.filters{position:sticky;top:71px;z-index:15;display:flex;gap:10px;overflow-x:auto;padding:10px 0 14px;margin:0 0 10px;background:linear-gradient(180deg,rgba(8,11,20,.96),rgba(8,11,20,.88));scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.content-filter{white-space:nowrap;color:#dfe6ff}.content-filter:first-child{background:rgba(139,92,246,.18);border-color:rgba(139,92,246,.45);color:#fff}.sections-stack{display:grid;gap:42px}.content-section{scroll-margin-top:132px;padding-top:28px;border-top:1px solid var(--line)}.content-section:first-child{padding-top:0;border-top:0}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.section-header h2{font-size:clamp(22px,2.4vw,30px);line-height:1.1;letter-spacing:-.035em;margin:0}.section-header p{max-width:690px;margin:8px 0 0;color:var(--muted);font-size:15px;line-height:1.5}.section-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:36px;padding:0 13px;border:1px solid var(--line);border-radius:999px;color:#dfe6ff;background:rgba(255,255,255,.04);font-size:13px;font-weight:900;text-decoration:none}.section-link:hover{border-color:rgba(86,216,255,.35);background:rgba(86,216,255,.08)}.content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.content-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),var(--card-soft);box-shadow:0 16px 42px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease,background .18s ease}.content-card:hover{transform:translateY(-3px);border-color:rgba(226,232,255,.22);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)),var(--card)}.content-cover{aspect-ratio:16/9;display:flex;align-items:flex-start;justify-content:flex-start;padding:12px;background:linear-gradient(145deg,rgba(139,92,246,.45),rgba(86,216,255,.12)),radial-gradient(circle at 78% 26%,rgba(255,255,255,.28),transparent 21%),#151a29}.content-cover span,.type-pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(7,10,18,.68);padding:6px 9px;color:#fff;font-weight:900;font-size:11px}.content-card-body{padding:14px;display:grid;gap:10px}.content-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted-2);font-size:12px}.type-pill{background:rgba(86,216,255,.09);border-color:rgba(86,216,255,.18);color:#c9f6ff}.content-card h3{margin:0;font-size:16px;line-height:1.25;letter-spacing:-.025em}.content-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.content-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px;color:var(--muted-2);font-size:12px}.content-card-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 11px;border-radius:999px;background:#eef2ff;color:#070a12;text-decoration:none;font-weight:900}.content-card-footer a:hover{background:#fff}@media(max-width:1080px){.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.content-header{grid-template-columns:1fr auto;gap:12px;padding:12px 16px}.content-search{grid-column:1/-1;order:3}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{top:116px}.content-section{scroll-margin-top:176px}main{width:min(100% - 28px,1180px)}}@media(max-width:560px){.content-header{padding:10px 12px}.content-brand img{width:34px;height:34px}.header-link{min-height:36px;padding:0 12px}.content-hero{padding:22px 0 14px}.content-hero h1{font-size:38px}.hero-actions .btn{flex:1 1 100%}.filters{top:107px;margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.sections-stack{gap:36px}.content-section{padding-top:24px}.section-header{display:grid;gap:12px;margin-bottom:16px}.section-header p{font-size:14px}.section-link{justify-self:start}.content-grid{grid-template-columns:1fr}.content-card{border-radius:20px}}

.content-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.content-nav a,
.filters a {
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
}

.empty-state {
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 22px;
    color: rgba(255, 255, 255, 0.72);
    background: rgba(255, 255, 255, 0.06);
}

.content-admin main {
    width: min(1120px, calc(100% - 32px));
    margin: 32px auto;
}

.admin-head,
.form-actions {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    margin-bottom: 20px;
}

.admin-table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 20px;
    background: rgba(10, 13, 26, 0.86);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.admin-table th,
.admin-table td {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    text-align: left;
    color: rgba(255, 255, 255, 0.84);
}

.admin-form {
    display: grid;
    gap: 16px;
    padding: 22px;
    border-radius: 24px;
    background: rgba(10, 13, 26, 0.86);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.admin-form label {
    display: grid;
    gap: 8px;
    color: rgba(255, 255, 255, 0.78);
}

.admin-form input,
.admin-form select,
.admin-form textarea {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    padding: 12px 14px;
}

.admin-form textarea {
    min-height: 120px;
}

@media (max-width: 760px) {
    .admin-head,
    .form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-table {
        display: block;
        overflow-x: auto;
    }
}

.content-admin-gate main {
    min-height: calc(100vh - 64px);
    display: grid;
    place-items: center;
    margin: 0 auto;
    padding: 48px 0;
}

.admin-gate-card {
    width: min(680px, 100%);
    display: grid;
    gap: 18px;
    padding: clamp(28px, 5vw, 48px);
    border: 1px solid rgba(226, 232, 255, 0.14);
    border-radius: 32px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.035)), rgba(10, 13, 26, 0.9);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.admin-gate-card-forbidden {
    border-color: rgba(255, 190, 118, 0.28);
}

.admin-gate-brand {
    width: max-content;
    margin-bottom: 8px;
}

.admin-gate-card h1 {
    margin: 0;
    font: 700 clamp(34px, 5vw, 58px)/0.98 'Space Grotesk', Manrope, sans-serif;
    letter-spacing: -0.055em;
    background: linear-gradient(105deg, #fff 0%, #d9e4ff 52%, #91ecff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.admin-gate-card p {
    max-width: 560px;
    margin: 0;
    color: var(--muted);
    font-size: clamp(16px, 2vw, 19px);
    line-height: 1.55;
}

.admin-gate-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
}

.admin-gate-actions .btn {
    min-height: 48px;
    padding: 0 22px;
    font-size: 14px;
}

.admin-gate-primary {
    box-shadow: 0 16px 38px rgba(86, 216, 255, 0.16);
}