:root{--d:#0a5a96;--b:#2596d6;--l:#eaf5fc;--g:#46b04a;--t:#12304a;--c:#fff;--m:#5b7a92;--bd:#cfe5f4}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--l);color:var(--t);font-family:"Trebuchet MS",Arial,sans-serif;padding:0 14px 40px}
.w{max-width:560px;margin:0 auto}
h1{margin:22px 0 4px;font-size:15px;color:var(--d);font-style:italic}
p.s{margin:0 0 16px;color:var(--m)}
.tabs{display:flex;gap:6px;margin-bottom:14px}
.tabs button{flex:1;padding:10px 4px;border:2px solid var(--bd);background:var(--c);color:var(--t);border-radius:12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.tabs button.on{background:var(--b);border-color:var(--b);color:#fff}
.card{background:var(--c);border:1px solid var(--bd);border-radius:18px;padding:16px;margin-bottom:14px}
label{display:block;font-weight:700;font-size:14px;margin:10px 0 4px}
label small{font-weight:400;color:var(--m)}
input[type=text],input[type=tel]{width:100%;padding:12px;border:2px solid var(--bd);border-radius:12px;font:inherit;background:var(--c);color:var(--t)}
input:focus{outline:none;border-color:var(--b)}
.up{display:flex;align-items:center;gap:12px;padding:12px;border:2px dashed var(--b);border-radius:12px;cursor:pointer;color:var(--d);font-weight:700}
.up img{width:52px;height:52px;border-radius:50%;object-fit:cover;display:none;border:3px solid var(--g)}
.up input{display:none}
.btn{display:block;width:100%;padding:14px;margin-top:10px;border:0;border-radius:14px;font:inherit;font-weight:700;font-size:16px;cursor:pointer;background:var(--b);color:#fff}
.btn.g{background:var(--g)}.btn.o{background:var(--c);color:var(--d);border:2px solid var(--b)}
.btn:disabled{opacity:.45;cursor:not-allowed}
canvas{width:100%;height:auto;border-radius:14px;display:block;box-shadow:0 6px 24px rgba(10,90,150,.25)}
#msg{font-size:13px;color:var(--m);margin:8px 0 0;min-height:18px}
.ck{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:var(--m)}
select{width:100%;padding:12px;border:2px solid var(--bd);border-radius:12px;font:inherit;background:var(--c);color:var(--t)}select:focus{outline:none;border-color:var(--b)}