@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--dm-bg:#0c1017;--dm-surface:#121820;--dm-surface-raised:#1a222d;--dm-border:#243040;--dm-border-light:#2e3e52;--dm-text:#e4e8ef;--dm-text-muted:#8a95a8;--dm-text-dim:#556275;--dm-accent:#ec5800;--dm-accent-muted:#d04e00;--dm-accent-glow:#ec58001f;--dm-font:"Outfit",sans-serif}.demos-page{background:var(--dm-bg);width:100%;min-height:100vh;font-family:var(--dm-font);color:var(--dm-text);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.demos-glow{pointer-events:none;background:radial-gradient(circle,#22d3a714 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.demos-content{z-index:1;width:100%;max-width:860px;padding:60px 32px;position:relative}.demos-header{text-align:center;margin-bottom:56px}.demos-title{letter-spacing:-.04em;background:linear-gradient(135deg,var(--dm-text)30%,var(--dm-accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:42px;font-weight:800}.demos-subtitle{color:var(--dm-text-dim);letter-spacing:.02em;margin:10px 0 0;font-size:17px;font-weight:400}.demos-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.demos-card{background:var(--dm-surface);border:1px solid var(--dm-border);color:var(--dm-text);border-radius:14px;flex-direction:column;gap:12px;padding:32px 28px;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.demos-card:before{content:"";opacity:0;background:linear-gradient(135deg,#22d3a70a 0%,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.demos-card:hover{border-color:var(--dm-accent-muted);transform:translateY(-4px);box-shadow:0 8px 32px #0000004d,0 0 0 1px #22d3a726}.demos-card:hover:before{opacity:1}.demos-card-icon{width:48px;height:48px;color:var(--dm-accent);background:var(--dm-accent-glow);z-index:1;border:1px solid #22d3a72e;border-radius:12px;justify-content:center;align-items:center;transition:border-color .3s;display:flex;position:relative}.demos-card:hover .demos-card-icon{border-color:#22d3a759}.demos-card-title{letter-spacing:-.02em;z-index:1;margin:0;font-size:20px;font-weight:700;position:relative}.demos-card-desc{color:var(--dm-text-muted);z-index:1;margin:0;font-size:14px;line-height:1.55;position:relative}.demos-card-cta{color:var(--dm-accent);letter-spacing:.02em;z-index:1;align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:600;transition:gap .2s;display:inline-flex;position:relative}.demos-card:hover .demos-card-cta{gap:10px}@media (max-width:700px){.demos-grid{grid-template-columns:1fr}.demos-title{font-size:32px}.demos-content{padding:40px 20px}.demos-header{margin-bottom:36px}}