:root{
  --platform-bg:#11131a;
  --platform-surface:#191c25;
  --platform-surface-2:#222631;
  --platform-border:rgba(255,255,255,.08);
  --platform-text:#f7f8fb;
  --platform-muted:#9ba3b3;
  --platform-accent-1:#7c3aed;
  --platform-accent-2:#ec4899;
  --platform-sidebar-width:260px;
  --platform-header-height:72px;
  --platform-radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--platform-bg);color:var(--platform-text);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.platform-shell{min-height:100vh}.platform-sidebar{position:fixed;inset:0 auto 0 0;width:var(--platform-sidebar-width);padding:18px;background:linear-gradient(180deg,#191c25,#12141a);border-right:1px solid var(--platform-border);z-index:80;overflow:auto}.platform-sidebar__head{display:flex;align-items:center;justify-content:space-between;min-height:56px}.platform-brand{font-weight:800}.platform-sidebar__close{display:none;background:none;border:0;color:#fff;font-size:28px}.platform-nav__list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:8px}.platform-nav__list a{display:flex;padding:12px 14px;border:1px solid transparent;border-radius:12px;color:#cdd2dc}.platform-nav__list a:hover{background:rgba(255,255,255,.05);border-color:var(--platform-border);color:#fff}.platform-main{min-height:100vh;margin-left:var(--platform-sidebar-width)}.platform-header{height:var(--platform-header-height);padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:60;background:rgba(17,19,26,.8);backdrop-filter:blur(18px);border-bottom:1px solid var(--platform-border)}.platform-menu-toggle{display:none;border:1px solid var(--platform-border);background:var(--platform-surface);color:#fff;border-radius:10px;width:42px;height:42px}.platform-header__title{font-weight:800}.platform-ghost-button{border:1px solid var(--platform-border);background:rgba(255,255,255,.04);color:#fff;padding:9px 15px;border-radius:10px}.platform-content{width:min(1480px,calc(100% - 48px));margin:0 auto;padding:34px 0 60px}.platform-placeholder-hero{position:relative;overflow:hidden;padding:48px;border:1px solid var(--platform-border);border-radius:24px;background:radial-gradient(circle at 90% 10%,rgba(236,72,153,.25),transparent 32%),radial-gradient(circle at 10% 90%,rgba(124,58,237,.25),transparent 32%),var(--platform-surface)}.platform-placeholder-hero h1{font-size:clamp(30px,4vw,58px);margin:10px 0 12px}.platform-placeholder-hero p{max-width:760px;color:var(--platform-muted);line-height:1.9}.platform-eyebrow{font-size:11px;letter-spacing:2px}.platform-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.platform-demo-card{min-height:180px;padding:22px;border:1px solid var(--platform-border);border-radius:var(--platform-radius);background:linear-gradient(145deg,var(--platform-surface),var(--platform-surface-2))}.platform-demo-card span,.platform-demo-card p{color:var(--platform-muted)}.platform-demo-card strong{display:block;font-size:20px;margin:14px 0}.platform-entry{padding:28px;border:1px solid var(--platform-border);border-radius:var(--platform-radius);background:var(--platform-surface)}.platform-entry__media img{width:100%;height:auto;border-radius:14px}.platform-entry__content{line-height:2}.platform-footer{display:flex;justify-content:space-between;gap:16px;padding:28px 24px;border-top:1px solid var(--platform-border);color:var(--platform-muted)}.platform-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:70}
@media(max-width:1180px){.platform-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.platform-sidebar{transform:translateX(-105%);transition:transform .25s ease}.platform-sidebar.is-open{transform:translateX(0)}.platform-sidebar__close,.platform-menu-toggle{display:inline-grid;place-items:center}.platform-main{margin-left:0}.platform-backdrop.is-open{display:block}.platform-content{width:min(100% - 28px,1480px)}.platform-placeholder-hero{padding:32px}}
@media(max-width:640px){.platform-header{padding:0 14px}.platform-demo-grid{grid-template-columns:1fr}.platform-placeholder-hero{padding:24px;border-radius:18px}.platform-footer{flex-direction:column}.platform-content{padding-top:20px}}