*{box-sizing:border-box}html,body{overflow-x:clip}body{font-family:'Barlow',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;margin:0;background:#faf8fc;color:#241a2e}
h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue',system-ui,sans-serif;font-weight:600;letter-spacing:.01em;line-height:1.1}
header{background:linear-gradient(180deg,#5b21b6,#4c1d95);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
header h1{font-size:26px;margin:0;letter-spacing:.02em}
header p{margin:2px 0 0;color:#e9d5ff;font-size:13px}
main{max-width:900px;margin:0 auto;padding:16px}
.card{background:#fff;border:1px solid #e6def0;border-radius:10px;padding:16px;margin:0 0 14px;box-shadow:0 1px 3px rgba(91,33,182,.08);min-width:0;overflow-wrap:break-word}
label{display:block;margin:12px 0 4px;font-weight:600}
input,select,textarea{width:100%;min-width:0;max-width:100%;padding:10px;border:1px solid #d8cfee;border-radius:8px;font:inherit;background:#fff;color:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid #c4b5fd;outline-offset:0;border-color:#5b21b6}
button{background:#f3eff8;border:0;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer;max-width:100%;color:#3b2a52}
button:hover{background:#e9defa}
button.primary{background:#5b21b6;color:#fff}
button.primary:hover{background:#4c1d95}
a.paybtn{display:inline-block;background:#5b21b6;color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:600}
.muted{color:#6b5f7a;font-size:13px}
.meta{color:#6b5f7a;font-size:13px}
.err{background:#fee2e2;border:1px solid #fca5a5;padding:10px;border-radius:8px;margin:8px 0;color:#7f1d1d}
.ok{background:#dcfce7;border:1px solid #a7f3d0;padding:10px;border-radius:8px;margin:8px 0;color:#14532d}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-width:0;margin:0 0 10px}
.row>*{margin:0;min-width:0}
.badge{display:inline-block;background:#ede9fe;color:#5b21b6;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}
.card a{overflow-wrap:anywhere}
@media(max-width:640px){main{padding:10px}}
@media(prefers-color-scheme:dark){
body{background:#17101f;color:#f5f0fa}
header{background:linear-gradient(180deg,#4c1d95,#3b1470)}
.card{background:#221730;border-color:#3d2d52;box-shadow:0 1px 3px rgba(0,0,0,.4)}
button{background:#2c1f3d;color:#efe8fa}
button:hover{background:#3d2d52}
button.primary{background:#8b5cf6;color:#fff}
button.primary:hover{background:#6d28d9}
a.paybtn{background:#8b5cf6}
.muted,.meta{color:#b8a8cc}
input,select,textarea{background:#17101f;border-color:#4a3566;color:#f5f0fa}
.err{background:#450a0a;border-color:#7f1d1d;color:#fecaca}
.ok{background:#052e16;border-color:#14532d;color:#bbf7d0}
.badge{background:#3d2d52;color:#ddd0f5}
}