:root{font-family:Tahoma,"Leelawadee UI",sans-serif;color:#202538;background:#f3f5fa;font-size:16px;line-height:1.7;--primary:#5434a5;--line:#dce0eb}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid var(--line);padding:20px 5%;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{display:flex;align-items:center;gap:12px;color:#29203d;font-size:22px;font-weight:bold;text-decoration:none}.brand small{display:block;font-size:12px;font-weight:normal;color:#626979}.logo{background:var(--primary);color:white;border-radius:14px;display:grid;place-items:center;width:48px;height:48px}nav{display:flex;gap:8px;flex-wrap:wrap}main{max-width:1120px;margin:36px auto;padding:0 24px;min-height:68vh}h1{font-size:30px;line-height:1.45;margin:0 0 16px}h2{font-size:22px;margin:0 0 18px}h3{font-size:18px}p{margin:8px 0 20px}.muted,small{color:#626979}small{font-size:14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.join-grid{grid-template-columns:1.2fr 1fr;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:28px;margin-bottom:20px}.join{background:#2d204f;color:#fff;padding:38px}.join .muted{color:#d3c9e8}.join input{background:#fff}.eyebrow{font-size:14px;color:#705ab0;font-weight:bold;letter-spacing:1px}.join .eyebrow{color:#c8b4fb}label{display:block;margin:12px 0 5px;font-weight:500}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;border:1px solid #bbc2d2;border-radius:10px;padding:11px 13px;background:white;color:#202538}input[type=checkbox]{width:auto;margin-right:12px}textarea{min-height:100px;resize:vertical}button,.button{display:inline-block;cursor:pointer;border:0;border-radius:10px;background:var(--primary);color:#fff;padding:11px 18px;text-decoration:none;font-weight:600}button:hover,.button:hover{filter:brightness(1.1)}button:disabled{opacity:.55;cursor:default}.secondary{background:#ebe7f4;color:#453274}.danger{background:#9a294b}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.full{width:100%;margin-top:20px}.badge{display:inline-block;padding:3px 10px;border-radius:7px;background:#ede9f7;color:#5434a5;font-size:14px}.pin{font-size:64px;font-weight:bold;letter-spacing:9px;color:var(--primary);line-height:1.4}.metric{font-size:28px;font-weight:bold}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}td,th{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f5f6fa;white-space:nowrap}.question-image{max-width:100%;max-height:280px;object-fit:contain;display:block;margin:18px auto}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{min-height:90px;text-align:left;background:#fff;color:#27203c;border:2px solid #c9bfdc}.answer:nth-child(2){border-color:#b6cbdc}.answer:nth-child(3){border-color:#ddbf90}.answer:nth-child(4){border-color:#99c9bd}.timer{font-variant-numeric:tabular-nums;background:#eee8fa;color:var(--primary);padding:8px 17px;border-radius:12px;font-size:24px;font-weight:bold}#notice:not(:empty){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 24px;background:#202538;color:white;border-radius:12px;max-width:90%;z-index:10}.bank-item{padding:14px 0;border-bottom:1px solid var(--line)}.bank-item label{margin:0}footer{text-align:center;color:#767d8b;font-size:14px;padding:25px}.qr{width:180px;height:180px}.success{color:#167151}a{color:var(--primary)}:focus-visible{outline:3px solid #daaa33;outline-offset:3px}.spaced{margin-top:24px}.loading{opacity:.65}@media(max-width:760px){header{align-items:start;flex-direction:column;padding:16px 20px}.brand small{font-size:12px;max-width:270px}.grid,.join-grid{grid-template-columns:1fr}main{padding:0 16px;margin-top:24px}.card,.join{padding:22px}.answers{grid-template-columns:1fr}.pin{font-size:48px;letter-spacing:5px}h1{font-size:25px}nav button{font-size:14px;padding:8px 12px}}