:root{--bg:#07111f;--bg-deep:#040b14;--bg-soft:#0d1a2d;--panel:#0a1425eb;--panel-2:#0d192ee0;--panel-luxury:#0a1220f0;--panel-luxury-2:#0e182aeb;--line:#85a3ce2e;--line-soft:#ffffff0f;--line-strong:#ffffff1f;--text:#eef4ff;--text-strong:#f7fbff;--text-soft:#dce7f7;--text-dim:#9ab0cd;--muted:#a9bdd8;--accent:#5db9ff;--accent-2:#8ef5ff;--gold:#ffd86b;--gold-soft:#f2ddb0;--danger:#ff7171;--shadow:0 12px 40px #00000059;--shadow-lg:0 24px 80px #0006;--radius:20px;--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--radius-xl:30px;--radius-2xl:34px;--shell:1240px;--editor-max:1440px;--font-stack:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-stack);color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#ffd86b14,#0000 22%),radial-gradient(circle at 20% 0,#5db9ff1a,#0000 30%),linear-gradient(#04101c 0%,#07111f 48%,#050c16 100%);margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{appearance:none}::selection{color:var(--text-strong);background:#ffd86b38}.shell{width:min(var(--shell), calc(100% - 32px));margin:0 auto}.site-header{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#040a12d1;position:sticky;top:0}.header-row{grid-template-columns:250px 1fr auto;align-items:center;gap:24px;min-height:74px;display:grid}.brand{align-items:center;gap:12px;display:inline-flex}.brand img{border-radius:14px;width:44px;height:44px}.brand strong{font-size:1rem;display:block}.brand span{color:var(--muted);font-size:.8rem;display:block}.nav{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.nav a{color:var(--muted);transition:all .2s}.nav a:hover{color:var(--text)}.userbar{align-items:center;gap:10px;display:flex}.pill,.chip,.score-badge{border:1px solid var(--line);background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;display:inline-flex}.pill.subtle{color:var(--muted)}.score-badge{color:#caecff;background:#5db9ff1f;border-color:#5db9ff4d}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#d8eeff;padding:6px 10px;font-size:.8rem}.primary-button,.ghost-button,.secondary-button,.danger-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:11px 16px;text-decoration:none;transition:all .18s;display:inline-flex}.primary-button{color:#09111d;background:linear-gradient(135deg,#d6b36f,#f3dfb4);border:none;font-weight:700}.primary-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #d6b36f3d}.ghost-button,.secondary-button{border:1px solid var(--line-strong);color:var(--text);background:#ffffff08}.ghost-button:hover,.secondary-button:hover{background:#ffffff0f}.danger-button{color:#ffd4d4;background:#ff71710f;border:1px solid #ff717147}.danger-button:hover{background:#ff71711a}.primary-button.small,.ghost-button.small{padding:9px 13px;font-size:.92rem}.hero{padding:42px 0 26px}.hero-card{border:1px solid var(--line);min-height:560px;box-shadow:var(--shadow);background:linear-gradient(90deg,#040c16eb 0%,#040c16d6 45%,#040c1699 100%),url(/brand/hero-dark.png) 50%/cover no-repeat;border-radius:28px;position:relative;overflow:hidden}.hero-inner{grid-template-columns:1.2fr .88fr;gap:28px;padding:42px;display:grid}.kicker,.news-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:14px;font-size:.76rem;display:inline-block}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.3rem,5vw,4.8rem);line-height:.95}.hero p.lead{max-width:760px;color:var(--muted);margin:18px 0 24px;font-size:1.08rem;line-height:1.8}.action-row{flex-wrap:wrap;gap:14px;margin-bottom:28px;display:flex}.hero-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{background:#051221b8;border:1px solid #85a3ce2e;border-radius:18px;padding:16px}.metric-card strong{font-size:1.5rem;display:block}.metric-card span{color:var(--muted);margin-top:6px;font-size:.9rem;display:block}.hero-side{gap:14px;display:grid}.glass-panel,.luxury-card,.luxury-surface,.comments-panel,.editor-pane,.preview-pane,.featured-article-card,.article-card{border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0e182af0,#0a1220eb);border-radius:24px}.glass-panel{padding:22px}.glass-panel h2,.glass-panel h3{margin-top:0}.list-reset{margin:0;padding:0;list-style:none}.ranked-list li+li{margin-top:14px}.ranked-list a{color:#ecf6ff;font-weight:600}.ranked-list small,.muted{color:var(--muted)}.section{padding:28px 0}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section h2{margin:0;font-size:clamp(1.5rem,2.3vw,2.2rem)}.section p.section-copy{color:var(--muted);margin:8px 0 0;line-height:1.75}.two-col{grid-template-columns:1fr 340px;gap:20px;display:grid}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.model-card,.story-card,.community-card,.compare-card,.legal-card,.contact-card,.enterprise-card{border:1px solid var(--line);background:var(--panel-2);box-shadow:var(--shadow);border-radius:22px;padding:20px}.model-card h3,.story-card h3,.community-card h3{margin:12px 0 8px}.model-topline,.row,.between,.stats-row,.card-actions{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 18px;display:grid}.mini-stats div{background:#ffffff08;border-radius:16px;padding:12px}.mini-stats strong{font-size:1.05rem;display:block}.mini-stats span{color:var(--muted);margin-top:6px;font-size:.84rem;display:block}.board{gap:12px;display:grid}.board-item{background:#ffffff08;border:1px solid #85a3ce1f;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.board-item strong{display:block}.board-item small{color:var(--muted)}.story-card p,.community-card p,.enterprise-card p{color:var(--muted);line-height:1.75}.bars{gap:14px;display:grid}.bar-row{gap:8px;display:grid}.bar-track{background:#ffffff14;border-radius:999px;height:12px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--accent), var(--gold));border-radius:999px;height:100%}.filter-form,.stack-form{gap:14px;display:grid}.input,.select,.textarea,.luxury-input{border:1px solid var(--line-soft);width:100%;color:var(--text-strong);background:#ffffff09;border-radius:18px;padding:14px 16px;transition:border-color .18s,box-shadow .18s,background .18s}.input::placeholder,.select::placeholder,.textarea::placeholder,.luxury-input::placeholder{color:#7f96b5}.input:focus,.select:focus,.textarea:focus,.luxury-input:focus{background:#ffffff0b;border-color:#ffd86b59;outline:none;box-shadow:0 0 0 4px #ffd86b14}.textarea{resize:vertical}.search-row{grid-template-columns:1.2fr repeat(4,minmax(0,1fr)) auto;gap:12px;display:grid}.catalog-grid{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}.sticky-panel{position:sticky;top:96px}.story-list,.community-list{gap:16px;display:grid}.story-meta,.community-meta,.premium-meta{color:var(--text-dim);flex-wrap:wrap;gap:10px;font-size:.86rem;display:flex}.premium-meta{text-transform:uppercase;letter-spacing:.12em;font-size:12px}.copy-block{white-space:pre-wrap;color:#eaf4ff;line-height:1.72}.comment-list{gap:12px;margin-top:16px;display:grid}.comment{border:1px solid var(--line);background:#ffffff08;border-radius:16px;padding:14px}.comment small{color:var(--muted)}.detail-grid{grid-template-columns:1fr 360px;gap:20px;display:grid}.hero-banner{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(90deg,#040c16eb,#040c16bf),url(/brand/hero-spark.png) 50%/cover no-repeat;border-radius:24px;overflow:hidden}.hero-banner>div{padding:28px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.video-shell{border:1px solid var(--line);border-radius:20px;position:relative;overflow:hidden}.video-shell video{background:#000;width:100%;display:block}.callout{border-left:4px solid var(--gold);color:#f6e1a2;background:#ffd86b14;border-radius:14px;padding:14px 16px}.error-text{color:var(--danger)}.vote-box{flex-direction:column;gap:8px;display:inline-flex}.site-footer{border-top:1px solid var(--line);background:#040a12eb;margin-top:48px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:24px;padding:28px 0;display:grid}.footer-grid h3,.footer-grid h4{margin-top:0}.footer-grid p,.footer-grid li{color:var(--muted);line-height:1.75}.footer-grid ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-legal{color:var(--muted);gap:4px;padding:0 0 24px;font-size:.92rem;display:grid}.center-page{width:min(800px,100% - 32px);margin:0 auto;padding:34px 0}.auth-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:26px;padding:28px}.auth-card h1{margin-top:0}.news-page{padding:42px 0 72px}.news-shell{width:min(var(--editor-max), calc(100% - 32px));margin:0 auto}.news-hero{border:1px solid var(--line-strong);background:linear-gradient(135deg,#ffd86b0f,#0000 24%),linear-gradient(#0a1220f5,#080f1cf0);border-radius:32px;margin-bottom:24px;padding:44px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0006}.news-hero h1{letter-spacing:-.045em;color:var(--text-strong);margin:0 0 16px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.96}.news-hero p{max-width:72ch;color:var(--text-dim);margin:0;font-size:1.06rem;line-height:1.85}.news-hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.featured-article-card{border-radius:30px;margin-bottom:22px;padding:30px}.featured-article-card h2{letter-spacing:-.035em;margin:14px 0 10px;font-size:clamp(1.8rem,2.5vw,2.5rem);line-height:1.06}.featured-article-card p{color:var(--text-dim);line-height:1.85}.featured-article-footer{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.article-card{border-radius:24px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s}.article-card:hover{border-color:#ffd86b38;transform:translateY(-2px);box-shadow:0 28px 70px #0000006b}.article-card h3{letter-spacing:-.03em;margin:14px 0 10px;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.1}.article-card p{color:var(--text-dim);line-height:1.8}.article-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.article-source{color:var(--text-dim);font-size:.9rem}.editor-page{padding:40px 0 80px}.editor-shell{width:min(var(--editor-max), calc(100% - 32px));margin:0 auto}.editor-header{justify-content:space-between;align-items:end;gap:22px;margin-bottom:24px;display:flex}.editor-header h1{letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(2rem,4vw,3.6rem);line-height:.98}.editor-header p{color:var(--text-dim);max-width:64ch;margin:0;line-height:1.8}.editor-stats{flex-wrap:wrap;gap:12px;display:flex}.stat-card{border:1px solid var(--line-soft);background:#ffffff08;border-radius:18px;min-width:120px;padding:14px 16px}.stat-card span{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:12px;display:block}.stat-card strong{color:var(--text-strong);margin-top:8px;font-size:1.6rem;display:block}.editor-layout{grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);align-items:start;gap:24px;display:grid}.editor-pane,.preview-pane{border-radius:30px;padding:26px}.field{gap:10px;margin-bottom:18px;display:grid}.field>span{letter-spacing:.04em;color:var(--text-soft);text-transform:uppercase;font-size:13px;font-weight:600}.editor-textarea{resize:vertical;min-height:680px}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.toolbar button,.toolbar-upload{border:1px solid var(--line-strong);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:999px;padding:10px 14px;transition:all .18s}.toolbar button:hover,.toolbar-upload:hover{background:#ffffff0f}.preview-head h2{letter-spacing:-.03em;margin:8px 0 10px;font-size:2rem;line-height:1.05}.preview-head p{color:var(--text-dim);line-height:1.85}.editor-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.status-text{color:var(--gold-soft)}.article-page{padding:40px 0 72px}.article-shell{gap:22px;width:min(1120px,100% - 32px);margin:0 auto;display:grid}.article-detail{border-radius:34px;padding:36px}.article-header{margin-bottom:28px}.article-header h1{letter-spacing:-.05em;color:var(--text-strong);max-width:15ch;margin:14px 0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.96}.article-summary{max-width:68ch;color:var(--text-dim);margin:0;font-size:1.08rem;line-height:1.9}.article-actions,.admin-actions,.back-link-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.article-hero-image-wrap{margin:20px 0 28px}.article-hero-image,.article-image{border:1px solid var(--line-soft);border-radius:24px;width:100%;height:auto;display:block}.article-prose{color:var(--text-soft);font-size:1.06rem;line-height:1.95}.article-prose>:first-child{margin-top:0}.article-prose h1,.article-prose h2,.article-prose h3,.article-prose h4{color:var(--text-strong);letter-spacing:-.035em;margin-top:1.8em;margin-bottom:.7em;line-height:1.1}.article-prose h1{font-size:2.4rem}.article-prose h2{font-size:1.9rem}.article-prose h3{font-size:1.45rem}.article-prose h4{font-size:1.2rem}.article-prose p,.article-prose ul,.article-prose ol,.article-prose blockquote,.article-prose pre,.article-prose table{margin:1em 0}.article-prose ul,.article-prose ol{padding-left:1.4rem}.article-prose li+li{margin-top:.35rem}.article-prose strong{color:var(--text-strong)}.article-prose em{color:#f4f8ff}.article-prose a{color:#b9e4ff;text-underline-offset:3px;text-decoration:underline}.article-prose blockquote{border-left:3px solid var(--gold);color:#e8f2ff;background:#ffffff08;border-radius:16px;margin:1.4em 0;padding:16px 20px}.article-prose hr{border:0;border-top:1px solid var(--line-soft);margin:2.2em 0}.inline-code{border:1px solid var(--line-soft);background:#ffffff0d;border-radius:8px;padding:.18rem .45rem;font-size:.95em}.code-block{border:1px solid var(--line-soft);background:#09111d;border-radius:20px;padding:18px 20px;overflow-x:auto}.article-prose pre code{background:0 0;border:0;padding:0}.article-prose table{border-collapse:collapse;border:1px solid var(--line-soft);border-radius:18px;width:100%;overflow:hidden}.article-prose th,.article-prose td{border-bottom:1px solid var(--line-soft);text-align:left;padding:14px 16px}.article-prose th{color:var(--text-strong);background:#ffffff08}.comments-panel{border-radius:30px;padding:28px}.comments-head h2{letter-spacing:-.03em;margin:8px 0 0;font-size:1.8rem}.premium-comment{border:1px solid var(--line-soft);background:#ffffff06;border-radius:20px;padding:18px 20px}.comment-head{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.comment-head strong{color:var(--text-strong)}.comment-head small{color:var(--text-dim)}.comment-body{color:var(--text-soft)}.empty-state{border:1px dashed var(--line-strong);color:var(--text-dim);background:#ffffff05;border-radius:20px;padding:22px}.admin-actions{margin-left:auto}.back-link-row a{color:#b9e4ff}@media (max-width:1100px){.article-grid,.editor-layout{grid-template-columns:1fr}}@media (max-width:1080px){.header-row,.hero-inner,.two-col,.catalog-grid,.detail-grid{grid-template-columns:1fr}.hero-metrics,.card-grid,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-row{grid-template-columns:1fr 1fr}.sticky-panel{position:static}.nav{display:none}}@media (max-width:720px){.shell,.news-shell,.editor-shell,.article-shell{width:min(100%,100% - 20px)}.hero-card{min-height:auto}.hero-inner,.news-hero,.article-detail,.comments-panel,.editor-pane,.preview-pane,.featured-article-card{border-radius:24px;padding:22px}.hero-metrics,.card-grid,.mini-stats,.kpi-grid,.footer-grid,.search-row,.article-grid{grid-template-columns:1fr}.header-row{gap:14px}.userbar{flex-wrap:wrap;justify-content:end}.article-header h1,.news-hero h1{max-width:none}.editor-header{flex-direction:column;align-items:start}.article-detail{padding:24px}}
