.signbox{background:#fff;padding:28px;border-radius:14px;width:min(380px,92vw);display:grid;gap:12px;text-align:center}.signbox h1{margin:0;color:#14324f}
.gbtn{display:flex;gap:10px;justify-content:center;align-items:center;border:1px solid #cfd6df;border-radius:8px;padding:10px;color:#1d2733;text-decoration:none;font-weight:600;background:#fff}.gbtn:hover{background:#f3f5f8}
.small{font-size:12px}.mytop{margin-left:0;gap:10px}.mytop img{width:28px;height:28px;border-radius:50%}.grow{flex:1}.mymain{margin:0 auto;max-width:1000px}
.vendo{background:#fff;border-radius:12px;padding:14px;margin:10px 0;border-left:6px solid #8a96a5}.vendo.on{border-color:#2a9d55}.vendo.off{border-color:#d64545}.vendo.rev{border-color:#b02a2a;opacity:.85}
.vhead{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.vhead b{font-size:16px}.vmeta{color:#5a6878;margin:6px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px 14px}
.subs{margin-top:8px;border-top:1px solid #edf0f4;padding-top:8px}.sub{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed #edf0f4}.sub:last-child{border:0}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#8a96a5}.dot.on{background:#2a9d55}.dot.off{background:#d64545}
.pill.blue{background:#dde9fb;color:#1a56a8}.pill.orange{background:#fdebd3;color:#a85b06}
.or{display:flex;align-items:center;gap:8px;color:#6b7787;font-size:13px}.or:before,.or:after{content:"";flex:1;border-top:1px solid #e3e8ef}.forgot{color:#1f6fd1;text-decoration:none}.signbox .form{text-align:left}
.signbox .form{width:100%;justify-self:stretch}