:root{--blue:#102765;--blue2:#193d97;--gold:#f6c514;--paper:#f5f7fb;--ink:#13203c;--muted:#69738a;--green:#1fa855}
*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Arial,sans-serif;color:var(--ink)}.wrap{width:min(1180px,94%);margin:auto}
.top{background:#071638;color:#fff}.bar{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{width:50px;height:50px;object-fit:cover;border-radius:50%;background:#fff}.brand strong{display:block;font-family:Georgia,serif;font-size:24px;letter-spacing:.05em}.brand span{font-size:11px;color:var(--gold);letter-spacing:.2em}.badge{font-size:11px;letter-spacing:.14em;color:#c8d4ef}
.intro{padding:58px 0 38px;display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end}.eyebrow{color:#b68b00;font-size:11px;font-weight:900;letter-spacing:.2em}.intro h1{font:500 54px/1.04 Georgia,serif;color:var(--blue);margin:10px 0 18px}.intro h1 em{font-style:normal;color:#d4a800}.intro p{max-width:720px;color:var(--muted);font-size:17px;line-height:1.65}.security{background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 35px rgba(15,40,100,.07)}.security b,.security span{display:block}.security b{color:var(--green);margin-bottom:10px}.security span{font-size:13px;color:var(--muted);line-height:1.5;margin-top:7px}
.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start}.panel,.preview{background:#fff;border-radius:25px;padding:26px;box-shadow:0 15px 45px rgba(14,37,90,.08)}
label{font-size:12px;font-weight:800;color:#3b4760;display:block;margin-bottom:8px}.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:24px}.stage{border:1px solid #dfe4ef;background:#fff;border-radius:14px;padding:12px;text-align:left;cursor:pointer;color:var(--ink)}.stage small,.stage b{display:block}.stage small{color:#8790a4;font-size:10px;margin-bottom:4px}.stage b{font-size:12px}.stage.active{border:2px solid var(--blue2);background:#f2f6ff}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field.full{grid-column:1/-1}input{width:100%;border:1px solid #dce2ed;border-radius:12px;padding:13px 14px;font-size:14px;outline:none}input:focus{border-color:#6682c7;box-shadow:0 0 0 3px #edf2ff}.field small{display:block;color:#9099aa;font-size:10px;margin-top:6px}details{margin-top:18px;border-top:1px solid #e7eaf0;padding-top:15px}summary{cursor:pointer;font-weight:800;color:var(--blue);font-size:13px}.agreement{margin-top:16px}.generate{width:100%;border:0;background:var(--blue);color:#fff;border-radius:13px;padding:15px;margin-top:20px;font-weight:900;cursor:pointer;letter-spacing:.04em}
.preview{position:sticky;top:20px}.phone{border:8px solid #14203a;border-radius:30px;overflow:hidden;background:#e7ddd3;min-height:540px}.phoneHead{background:#075e54;color:#fff;padding:13px 16px;display:flex;align-items:center;gap:10px}.phoneHead small,.phoneHead b{display:block}.phoneHead small{opacity:.75;font-size:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);font:700 20px Georgia}.chat{padding:22px 15px;background:linear-gradient(rgba(239,232,222,.93),rgba(239,232,222,.93));min-height:470px}.bubble{white-space:normal;background:#d9fdd3;padding:12px 12px 22px;border-radius:8px;max-width:92%;margin-left:auto;font-size:13px;line-height:1.45;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.08)}.time{position:absolute;right:8px;bottom:5px;font-size:9px;color:#708076}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.actions a,.actions button{border:0;border-radius:12px;padding:14px;text-align:center;font-size:12px;font-weight:900;cursor:pointer}.whatsapp{background:#20b65a;color:white;text-decoration:none}.whatsapp.disabled{opacity:.45}.copy{background:#edf2ff;color:var(--blue)}.note{font-size:11px;color:#8b94a6;text-align:center;line-height:1.45}
.rules{margin:28px 0 60px;background:#0a1b48;color:#fff;border-radius:25px;padding:30px;display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:20px}.rules h2{font:500 28px Georgia;margin:0}.rules b,.rules span{display:block}.rules b{color:var(--gold);font-size:12px;margin-bottom:7px}.rules span{font-size:12px;color:#c7d1e8;line-height:1.45}footer{text-align:center;background:#06122f;color:#8190b2;padding:24px;font-size:11px}
@media(max-width:850px){.intro,.grid{grid-template-columns:1fr}.intro h1{font-size:42px}.stages{grid-template-columns:1fr 1fr}.preview{position:static}.rules{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.badge{display:none}}

.sendmode{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:4px 0 20px}.modebtn{border:1px solid #dce2ed;background:#fff;border-radius:12px;padding:13px;font-weight:900;color:#42506b;cursor:pointer}.modebtn.active{background:#102765;color:#fff;border-color:#102765}.bulkBox,.bulkActions{display:none}.bulkMode .bulkBox,.bulkMode .bulkActions{display:block}.bulkMode .individualBox,.bulkMode .individualActions{display:none}.bulkBox textarea{width:100%;min-height:145px;border:1px solid #dce2ed;border-radius:12px;padding:13px;font:14px Arial;resize:vertical}.uploadrow input{display:none}.uploadrow button{width:100%;border:1px dashed #6682c7;background:#f4f7ff;color:#102765;border-radius:12px;padding:14px;font-weight:900;cursor:pointer;margin-bottom:10px}.bulkSummary{background:#f2f6ff;border-radius:14px;padding:14px;margin:16px 0}.bulkSummary b,.bulkSummary span{display:block}.bulkSummary b{color:#102765;margin-bottom:5px}.bulkSummary span{font-size:11px;color:#69738a;line-height:1.45}.recipientList{max-height:300px;overflow:auto;border:1px solid #e2e7f0;border-radius:12px}.recipient{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #edf0f5;font-size:12px}.recipient:last-child{border-bottom:0}.recipient a{background:#20b65a;color:#fff;text-decoration:none;border-radius:8px;padding:8px 11px;font-weight:900;font-size:10px}.bulkcopy{width:100%;margin-top:10px}
.v2menu{display:flex;gap:8px;flex-wrap:wrap;padding:18px 0}.v2menu a,.v2menu button{border:0;background:#102765;color:#fff;text-decoration:none;border-radius:10px;padding:11px 14px;font-size:11px;font-weight:900;cursor:pointer}table th,table td{padding:10px;border-bottom:1px solid #e8ebf1;text-align:left;font-size:12px}table th{color:#102765}
.sendmode{grid-template-columns:repeat(3,1fr)}
.groupBox,.groupActions{display:none}
.groupMode .groupBox,.groupMode .groupActions{display:block}
.groupMode .individualBox,.groupMode .bulkBox,.groupMode .individualActions,.groupMode .bulkActions{display:none!important}
.groupActions{margin-top:16px}
.groupActions .groupSend,.groupActions>a{width:100%;display:block;border:0;border-radius:12px;padding:15px;text-align:center;font-size:12px;font-weight:900;cursor:pointer;text-decoration:none}
.groupActions .copy{width:100%;margin-top:10px}
@media(max-width:700px){.sendmode{grid-template-columns:1fr}}