:root{color:#1c1f23;background:#f6f7f8;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.page{max-width:480px;margin:0 auto;padding:16px}h1{margin:8px 0 16px;font-size:22px}h2{font-size:18px}label{margin:12px 0;font-size:14px;display:block}input{border:1px solid #b8bdc4;border-radius:8px;width:100%;margin-top:4px;padding:12px;font-size:16px;display:block}.big{background:#fff;border:1px solid #b8bdc4;border-radius:12px;min-height:56px;font-size:20px}.big:active{background:#e6e9ec}.ghost{background:0 0;border-color:#0000}form>.big{color:#fff;background:#1f5fbf;border-color:#1f5fbf;width:100%;margin-top:8px}.tabs{gap:8px;margin-bottom:16px;display:flex}.tab{background:#fff;border:1px solid #b8bdc4;border-radius:8px;flex:1;min-height:44px;font-size:16px}.tab.on{color:#fff;background:#1f5fbf;border-color:#1f5fbf}.names{gap:8px;display:grid}.pad{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.dots{justify-content:center;gap:12px;margin:16px 0;display:flex}.dot{border:2px solid #1f5fbf;border-radius:50%;width:16px;height:16px}.dot.on{background:#1f5fbf}.error{color:#b23a2e}.link{color:#1f5fbf;background:0 0;border:0;padding:12px 0;font-size:15px;text-decoration:underline}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.banner{background:#fff3cd;border-bottom:1px solid #e0c36a;justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:flex}