:root{--bg: #0A0A0C;--card: #1B1B22;--border: #2a2a33;--gold: #C8A45C;--gold-dim: rgba(200, 164, 92, .12);--muted: #8A8A94;--white: #fff;--error: #E05252;--success: #52C97E}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--white);font-family:Jost,system-ui,sans-serif;line-height:1.5;min-height:100vh}.wrap{max-width:720px;margin:0 auto;padding:24px 16px 64px}.brand{text-align:center;padding:28px 0 8px}.brand h1{font-family:Marcellus,serif;color:var(--gold);font-size:30px;letter-spacing:5px}.brand p{color:var(--muted);font-size:12px;letter-spacing:3px;text-transform:uppercase;margin-top:4px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:18px}.card h2{font-family:Poppins,sans-serif;font-weight:600;font-size:16px;margin-bottom:14px}label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}input,select,textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:9px;color:var(--white);padding:12px 14px;font-size:15px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}.field{margin-bottom:14px;position:relative}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 520px){.row{grid-template-columns:1fr}}.seg{display:flex;gap:8px}.seg button{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:9px;color:var(--muted);padding:12px;cursor:pointer;font-family:inherit;font-size:14px;text-transform:uppercase;letter-spacing:1px}.seg button.active{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:600}.btn-gold{width:100%;background:var(--gold);color:var(--bg);border:0;border-radius:10px;padding:15px;font-size:15px;font-weight:600;cursor:pointer;font-family:Poppins,sans-serif;text-transform:uppercase;letter-spacing:1.5px}.btn-gold:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--gold);color:var(--gold);border-radius:9px;padding:11px 16px;cursor:pointer;font-family:inherit;font-size:13px}.suggestions{position:absolute;z-index:20;left:0;right:0;top:100%;background:var(--card);border:1px solid var(--border);border-radius:0 0 9px 9px;max-height:240px;overflow-y:auto}.suggestions div{padding:11px 14px;cursor:pointer;font-size:14px;border-top:1px solid var(--border)}.suggestions div:hover{background:var(--gold-dim)}.suggestions .main{color:var(--white)}.suggestions .sub{color:var(--muted);font-size:12px}.class-list{display:grid;gap:10px}.class-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px;cursor:pointer}.class-item.active{border-color:var(--gold);background:var(--gold-dim)}.class-item .name{font-weight:500}.class-item .meta{color:var(--muted);font-size:12px}.class-item .price{color:var(--gold);font-weight:600;font-size:16px}.note{color:var(--muted);font-size:13px;margin-top:6px}.err{color:var(--error);font-size:13px;margin-top:8px}.ok-box{background:var(--gold-dim);border:1px solid var(--gold);border-radius:10px;padding:14px;font-size:14px}.pay-opts{display:flex;gap:10px}.pay-opts button{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:9px;padding:14px;cursor:pointer;font-family:inherit;font-size:14px}.pay-opts button.active{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.center{text-align:center}.ref{font-family:Marcellus,serif;color:var(--gold);font-size:28px;letter-spacing:2px}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--border);font-size:14px}.detail-row span:first-child{color:var(--muted)}a{color:var(--gold)}
