.demo-shell .hero{padding-bottom:38px}.demo-warning{margin-top:24px;padding:14px 18px;border:1px solid rgba(247,148,29,.5);border-radius:12px;background:#fff7eb;color:#4c2e0a}.demo-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.demo-card{background:#fff;border:1px solid #e8ddd0;border-radius:18px;padding:24px;box-shadow:0 15px 40px rgba(47,35,23,.08)}.demo-card label{display:grid;gap:7px;margin:14px 0;font-weight:700}.demo-card input,.demo-card textarea{width:100%;box-sizing:border-box;border:1px solid #cfc1b3;border-radius:9px;padding:11px 12px;font:inherit;background:#fff}.demo-card textarea{min-height:96px;resize:vertical}.demo-stage{background:#fffdf9}.demo-stage code,.demo-card code{display:inline-block;margin:10px 0;padding:8px 10px;background:#2b241d;color:#fff;border-radius:7px}.demo-check{grid-template-columns:auto 1fr!important;align-items:center;padding:12px;border:1px solid #e8ddd0;border-radius:9px}.demo-check input{width:18px;height:18px}.demo-progress{height:12px;background:#eee4d9;border-radius:999px;overflow:hidden;margin:20px 0}.demo-progress i{display:block;width:0;height:100%;background:#f7941d;transition:width .25s}.demo-design{min-height:240px;padding:30px;border-radius:14px;background:linear-gradient(145deg,#29221b,#5a4430);color:#fff;display:grid;align-content:center;gap:12px}.demo-design span{color:#f7941d;font-weight:800}.demo-design strong{font-size:1.7rem}.demo-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-stats div{display:grid;padding:18px;border:1px solid #e8ddd0;border-radius:12px}.demo-stats strong{font-size:2rem;color:#b95d00}.demo-bars{height:180px;display:flex;align-items:end;gap:10px;margin-top:24px;border-bottom:2px solid #b9aa9b}.demo-bars i{flex:1;background:#f7941d;border-radius:6px 6px 0 0;min-height:10px}.demo-reset-row{display:flex;justify-content:flex-end;margin-top:18px}@media(max-width:780px){.demo-grid{grid-template-columns:1fr}}