:root{--color-bg:#010208;--color-surface-1:rgba(12,13,18,0.50);--color-surface-2:rgba(18,20,28,0.65);--color-surface-3:rgba(25,28,40,0.80);--color-card-bg:rgba(255,255,255,0.02);--color-card-bg-hover:rgba(255,255,255,0.04);--color-tag-bg:rgba(255,255,255,0.04);--color-border:rgba(255,255,255,0.06);--color-border-hover:rgba(255,255,255,0.12);--color-text-primary:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-muted:#475569;--prism-violet:#a78bfa;--prism-cyan:#22d3ee;--prism-rose:#fb7185;--prism-purple:#c084fc;--prism-emerald:#34d399;--prism-blue:#3b82f6;--accent-gold:#fbbf24;--glass-blur:blur(28px) saturate(130%);--glass-blur-sm:blur(16px) saturate(120%)}[data-theme=light],html.light{--color-bg:#f0f2f5;--color-surface-1:rgba(255,255,255,0.82);--color-surface-2:rgba(248,249,251,0.90);--color-surface-3:rgba(238,240,244,0.95);--color-border:rgba(71,85,105,0.10);--color-border-hover:rgba(71,85,105,0.22);--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b}html.light body{background-color:#f0f2f5!important;color:#0f172a!important}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.title-text-glass{display:inline-block;font-family:var(--font-display),system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--color-text-primary);text-shadow:0 0 0 transparent;position:relative}.title-text-glass:after{content:"";position:absolute;inset:auto 0 -.2em 0;height:.06em;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),rgba(255,255,255,.16),transparent);opacity:.55;pointer-events:none}.title-text-glass--prism{-webkit-text-fill-color:transparent;text-shadow:0 0 24px rgba(255,255,255,.18),0 0 28px rgba(148,163,184,.1)}.title-text-glass--prism,.title-text-glass--section{color:transparent!important;background:linear-gradient(180deg,#ffffff,#f1f5f9 30%,#e2e8f0 50%,#f1f5f9 70%,#ffffff);background-clip:text;-webkit-background-clip:text}.title-text-glass--section{-webkit-text-fill-color:transparent;text-shadow:0 0 24px rgba(255,255,255,.16),0 0 28px rgba(148,163,184,.1)}.title-text-glass--hero{color:transparent!important;background:linear-gradient(180deg,#ffffff,#f1f5f9 30%,#e2e8f0 50%,#f1f5f9 70%,#ffffff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 32px rgba(255,255,255,.2),0 0 36px rgba(148,163,184,.12)}.title-text-glass--silver{color:transparent!important;background:linear-gradient(168deg,#f1f5f9,#e2e8f0 10%,#cbd5e1 24%,#f8fafc 38%,#e2e8f0 52%,#94a3b8 66%,#e2e8f0 80%,#f1f5f9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 18px rgba(255,255,255,.1),0 0 28px rgba(148,163,184,.14)}.title-text-admin{display:inline-block;color:#111827;font-family:var(--font-display),system-ui,sans-serif}.title-text-admin,.title-text-content{letter-spacing:-.01em;text-transform:none}.title-text-content{display:block;color:var(--color-text-primary)}.card,.card:before{box-sizing:border-box}.card{position:relative;overflow:hidden;border-radius:1rem;border:1px solid var(--color-border);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.018));backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 24px rgba(2,6,23,.12);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .4s ease}.card:before{padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.04),rgba(255,255,255,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}.card:after,.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:opacity .4s ease,background .4s ease}.card:after{background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 40%,transparent 60%,rgba(255,255,255,.02));opacity:.9}.card:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 40px rgba(2,6,23,.22),0 0 0 1px rgba(255,255,255,.04);transform:translateY(-2px) scale(1.005)}.card:hover:before{background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.08),rgba(255,255,255,.18));opacity:1}.card:hover:after{background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 30%,transparent 70%,rgba(255,255,255,.03));opacity:1}.card--flat{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.03)}.card--flat:after,.card--flat:before{display:none}.card--flat:hover{background:rgba(255,255,255,.05);border-color:var(--color-border-hover);transform:none}.card--outline{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.card--outline:after,.card--outline:before{display:none}.card--outline:hover{border-color:var(--color-border-hover);transform:none}.card--elevated{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 48px rgba(2,6,23,.25),0 0 0 1px rgba(255,255,255,.06)}.card--elevated:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 64px rgba(2,6,23,.35),0 0 0 1px rgba(255,255,255,.08)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-4px) scale(1.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 56px rgba(2,6,23,.3),0 0 0 1px rgba(255,255,255,.08)}.card--admin{background:#ffffff;border:1px solid #e5e7eb;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04)}.card--admin:after,.card--admin:before{display:none}.card--admin:hover{border-color:#d1d5db;box-shadow:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);transform:translateY(-1px)}.card-glow,.liquid-glow{position:absolute;pointer-events:none;inset:auto -16% -30% auto;width:68%;height:68%;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.18) 0,rgba(255,255,255,0) 72%);filter:blur(26px);opacity:0;transform:translateY(10px) scale(.9);transition:opacity .4s ease,transform .4s ease}.card:hover .card-glow,.card:hover .liquid-glow{opacity:.95;transform:translateY(0) scale(1.04)}.tag-bg{background:var(--color-tag-bg);border:1px solid var(--color-border)}