*{box-sizing:border-box}body{background:#071b2d;color:#eaf8ff;font-family:Inter,system-ui,Arial,sans-serif;margin:0}.demo-head{display:flex;align-items:center;justify-content:space-between;padding:14px max(20px,calc((100vw - 1080px)/2));background:#0b2842;border-bottom:1px solid #1d4860;gap:12px}.demo-head img{width:170px;max-width:40vw}.demo-tag{font-size:11px;letter-spacing:.05em;font-weight:800;color:#042e2b;background:#45e5b7;padding:9px 12px;border-radius:30px;text-align:center}.demo-wrap{max-width:1080px;margin:auto;padding:26px 16px 65px}.demo-intro{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.demo-intro h1{font-size:clamp(24px,5vw,38px);margin:5px 0}.demo-intro p,.demo-foot{color:#a5bbcc}.star{color:#4fe3b9}.eyebrow{color:#4fe3b9;font-size:12px;font-weight:800;letter-spacing:.15em}.demo-reset,.demo-btn{border:0;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer;background:#35d7ae;color:#062c2a}.demo-reset{background:#173d54;color:#d4e9f4}.demo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.stat,.demo-card{background:#0d2b43;border:1px solid #21435a;border-radius:16px;padding:19px}.stat b{display:block;font-size:27px}.stat span{font-size:12px;color:#b0c5d2}.demo-nav{display:flex;gap:8px;overflow-x:auto;padding:4px 0 18px}.demo-nav button{white-space:nowrap;padding:11px 15px;border:1px solid #2c526a;border-radius:12px;background:#12344b;color:#c4d8e5;cursor:pointer;font-weight:700}.demo-nav button.active{background:#35d7ae;color:#07322e;border-color:#35d7ae}.demo-card{margin:0 0 14px}.demo-card h2{font-size:20px;margin:0 0 14px}.demo-card h3{font-size:16px;margin:0 0 8px}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.demo-item{padding:14px;border:1px solid #31566a;border-radius:12px;background:#12344b;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.demo-item small{color:#a7becb;display:block;margin-top:4px}.demo-actions{display:flex;gap:7px;flex-wrap:wrap}.demo-actions button{background:#254a60;color:#fff;border:0;border-radius:9px;padding:8px 11px;cursor:pointer}.demo-actions button.danger{color:#ffc1c1}.demo-form{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-top:14px}.demo-form label{flex:1;min-width:145px;color:#b9d0df;font-size:12px;font-weight:700}.demo-form input,.demo-form select{display:block;width:100%;margin-top:5px;padding:12px;background:#061d30;border:1px solid #3b6073;color:white;border-radius:10px;font-size:15px}.demo-form .demo-btn{min-height:44px}.demo-muted{color:#a7bdca;font-size:13px}.demo-pill{font-size:11px;padding:5px 9px;border-radius:12px;background:#1c5360;color:#9ff6dc;font-weight:800}.demo-foot{font-size:12px;line-height:1.7;margin-top:30px}.demo-banner{border:1px solid #2b746c;background:#103b43;border-radius:14px;padding:15px;margin-bottom:15px}.demo-banner strong{color:#64f1c5}@media(max-width:640px){.demo-stats{grid-template-columns:repeat(2,1fr)}.demo-grid{grid-template-columns:1fr}.demo-tag{font-size:9px}.demo-wrap{padding:20px 12px 40px}}