/* Get to Know Me app — phone-first, dark charcoal, gold accents (matches the hub). */
*{box-sizing:border-box}body{margin:0;background:#0a0f1a;color:#f4f1ea;font-family:system-ui,-apple-system,Arial,sans-serif}
a{color:#7dd3fc}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}
.topbar nav a{margin-left:14px;color:#f4f1ea;text-decoration:none}
.ticket{width:64px;height:auto}.wrap{max-width:620px;margin:0 auto;padding:8px 20px 40px}
h1{font-size:30px}.lede{font-size:18px;color:#d8d2c4}.small{font-size:14px;color:#94a3b8}
.btn{display:block;width:100%;background:#1e293b;color:#fff;border:0;padding:14px;border-radius:12px;font-size:17px;margin:10px 0;cursor:pointer;text-align:center;text-decoration:none}
.btn.primary{background:#e35d8f}.btn.danger{background:#b91c1c}
label{display:block;margin:14px 0;font-size:15px}
input[type=text],input[type=email],input[type=password],textarea,select{width:100%;padding:12px;border-radius:10px;border:1px solid #334155;background:#111827;color:#fff;font-size:16px;margin-top:6px}
.notice{background:#713f12;border:1px solid #f5c518;padding:12px;border-radius:10px}
.steps{color:#94a3b8;margin-bottom:10px}.navrow{display:flex;gap:10px}.navrow .btn{flex:1}
.thumbs img{max-width:100%;border-radius:12px;margin-top:10px}.thumbs .round{width:96px;height:96px;object-fit:cover;border-radius:50%}
.row{display:flex;gap:8px;margin:8px 0}.row input{flex:1}.row button{flex:0 0 auto;width:auto;padding:12px 14px}
.phone{border:2px solid #334155;border-radius:24px;padding:16px;background:#020617;max-width:380px;margin:0 auto}
.phone img.hero{width:100%;border-radius:12px}.phone .avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid #f5c518}
.choice{display:block;margin:10px 0}.menu a{display:block;background:#1e293b;color:#fff;text-decoration:none;padding:12px;border-radius:10px;margin:6px 0}
.qr{text-align:center;margin-top:20px}.qr canvas{background:#fff;padding:12px;border-radius:12px}
footer{text-align:center;margin:30px 0}.ticket-lg{width:148px;height:auto}.signoff{color:#94a3b8;font-size:14px;margin-top:10px}
.dir-card{display:flex;gap:12px;align-items:center;background:#111827;border-radius:12px;padding:12px;margin:10px 0;text-decoration:none;color:#fff}
.dir-card img{width:56px;height:56px;border-radius:50%;object-fit:cover}