@charset "UTF-8";@font-face{font-family:Tiny5;src:url(/assets/fonts/Tiny5-Regular.eot);src:url(/assets/fonts/Tiny5-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Tiny5-Regular.woff2) format("woff2"),url(/assets/fonts/Tiny5-Regular.woff) format("woff"),url(/assets/fonts/Tiny5-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body{background-color:#222}body{margin:0;padding:0;font-family:Tiny5,sans-serif;color:#fff}.container{max-width:1100px;margin:0 auto}header{margin-bottom:40px}header h1{color:#38bdf8;margin-bottom:10px}header p{color:#94a3b8}section{margin-bottom:60px}section h2{font-size:1.5rem;margin-bottom:25px}.demo-box{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:30px;margin-bottom:15px}.flex{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:#38bdf8;color:#0f172a}.btn-primary:hover{opacity:.9}.btn-secondary{background:#94a3b8;color:#fff}.btn-outline{border:1px solid #38bdf8;color:#38bdf8;background:transparent}.btn-outline:hover{background:#38bdf81a}.form-control{background:#0f172a;border:1px solid #334155;color:#fff;padding:12px;border-radius:6px;width:100%}.form-control:focus{outline:2px solid #38bdf8;border-color:transparent}pre{background:#000;padding:20px;border-radius:8px;overflow-x:auto;color:#a5d6ff;font-size:14px;border:1px solid #334155}