*{box-sizing:border-box}body{margin:0;background:#0f0d1a;color:#ece8f6;font:16px/1.55 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:#c9b6ff}.demo-banner{background:#3a2a00;color:#ffd77a;font-size:12px;text-align:center;padding:4px 8px}
.top{display:flex;justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;padding:14px 20px}.brand{font-weight:700;letter-spacing:.06em;text-decoration:none;color:#fff}
.top nav a{margin-left:16px;text-decoration:none;font-size:14px}
main{max-width:720px;margin:0 auto;padding:12px 20px 40px;min-height:70vh}
h1{font-size:38px;line-height:1.15;margin:28px 0 8px}h2{margin:8px 0}.sub{color:#b9b2cc;font-size:18px}
.btn{display:block;width:100%;max-width:360px;padding:15px 18px;margin:12px 0;border:0;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;background:#c9b6ff;color:#1a1230;text-align:center;text-decoration:none}
.btn.alt{background:transparent;color:#ece8f6;border:1px solid #6b5ea0}.btn.sm{display:inline-block;width:auto;padding:10px 16px;font-size:15px;margin:6px 8px 6px 0}
.trust{color:#9e97b3;font-size:14px;margin-top:18px}
.cardart{width:200px;height:330px;border-radius:14px;background:linear-gradient(160deg,#2b2152,#141026);border:2px solid #c9b6ff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:16px 0;text-align:center;padding:12px}
.cardart .num{font-size:34px;color:#ffd77a}.cardart .nm{font-size:18px;margin-top:10px}.cardart.rev{transform:rotate(180deg)}
.oneliner{font-size:22px;font-style:italic;border-left:3px solid #ffd77a;padding-left:14px;margin:18px 0}
.panel{background:#1a1630;border:1px solid #2e2850;border-radius:14px;padding:16px 18px;margin:14px 0}
.muted{color:#9e97b3;font-size:13px}.tag{display:inline-block;background:#2e2850;color:#ffd77a;font-size:12px;padding:2px 8px;border-radius:99px}
input,select{background:#141026;color:#fff;border:1px solid #4a4175;border-radius:8px;padding:10px;font-size:16px;margin:4px 0 10px;width:100%;max-width:360px}
.chat .q{color:#c9b6ff;margin-top:10px}.chat .a{margin:4px 0 8px}
.foot{max-width:720px;margin:0 auto;padding:18px 20px 30px;color:#7e7894;font-size:12px;border-top:1px solid #2e2850}
.modal{position:fixed;inset:0;background:rgba(5,3,12,.8);display:flex;align-items:center;justify-content:center;padding:16px}.modal.hidden{display:none}
.modal .box{background:#1a1630;border:1px solid #6b5ea0;border-radius:16px;max-width:420px;width:100%;padding:22px}
.modal ul{padding-left:18px}.circles{display:flex;gap:10px}.circles div{width:70px;height:70px;border-radius:50%;border:2px solid #c9b6ff;display:flex;align-items:center;justify-content:center;font-size:12px;text-align:center}
canvas.preview{width:270px;height:337px;border-radius:8px;border:1px solid #4a4175}