:root{--blue:#123d6b;--blue2:#0b2848;--gold:#caa85e;--bg:#f3f6fa;--text:#253044;--muted:#68758a;--danger:#c93838;--ok:#16844a;--line:#dbe3ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,Arial,sans-serif}.site-head{background:linear-gradient(120deg,var(--blue2),var(--blue));color:#fff;padding:18px 24px}.site-head .inner{max-width:1060px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:22px;font-weight:700;color:#fff;text-decoration:none}.site-head a{color:#fff}.shell{max-width:1060px;margin:28px auto;padding:0 18px}.card-panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(24,48,80,.08);padding:26px;margin-bottom:22px}.hero h1{margin:0 0 8px;font-size:30px}.hero p{margin:0;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.step{border:1px solid var(--line);border-radius:12px;padding:12px;font-size:13px}.step b{display:block;color:var(--blue)}fieldset{border:0;padding:0;margin:0 0 28px}legend{width:100%;font-size:19px;font-weight:700;color:var(--blue);padding-bottom:10px;margin-bottom:16px;border-bottom:2px solid #edf1f6}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{margin-bottom:15px}.field.full{grid-column:1/-1}label{display:block;font-weight:600;margin-bottom:7px}.hint{color:var(--muted);font-size:12px;margin-top:6px}.required:after{content:' *';color:var(--danger)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],select,textarea{width:100%;padding:12px 13px;border:1px solid #cbd6e2;border-radius:10px;background:#fbfcfe;font:inherit;color:inherit}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{outline:0;border-color:#3979b9;box-shadow:0 0 0 3px rgba(57,121,185,.13)}.choice-row{display:flex;gap:12px;flex-wrap:wrap}.choice{flex:1;min-width:220px;border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer}.choice:has(input:checked){border-color:var(--blue);background:#f1f7fd}.choice input{margin-right:8px}.hidden{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;background:var(--blue);color:#fff}.btn:hover{filter:brightness(.95)}.btn.secondary{background:#e8eef5;color:var(--blue)}.btn.success{background:var(--ok)}.btn.danger{background:var(--danger)}.btn.wide{width:100%}.photo-box{border:2px dashed #9fb2c7;border-radius:15px;padding:18px;text-align:center;background:#f8fbfe}.photo-preview{max-height:360px;max-width:100%;border-radius:12px;display:none;margin:15px auto}.photo-ready{display:none;color:var(--ok);font-weight:700;margin-top:10px}.error-list,.flash{max-width:1060px;margin:15px auto;padding:14px 18px;border-radius:10px}.error-list,.flash-error{background:#fff1f1;border:1px solid #f0b9b9;color:#8d2222}.flash-success{background:#edfff5;border:1px solid #a9dfc1;color:#12643a}.flash-info{background:#eef7ff;border:1px solid #b8d7f2;color:#184d7a}.status{display:inline-block;padding:6px 10px;border-radius:999px;background:#e9f0f8;color:var(--blue);font-size:12px;font-weight:700}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary>div{background:#f7f9fc;border:1px solid var(--line);border-radius:12px;padding:14px}.summary small{display:block;color:var(--muted)}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.preview-frame{background:#eef2f7;border-radius:14px;padding:14px;text-align:center;overflow:auto}.preview-frame img{max-width:100%;height:auto;box-shadow:0 8px 20px rgba(0,0,0,.15)}.nametag-frame{grid-column:1/-1}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.lock-note{padding:14px;border-left:5px solid var(--gold);background:#fff8e8;border-radius:8px}.modal{position:fixed;inset:0;background:rgba(4,16,30,.78);z-index:1000;display:none;align-items:center;justify-content:center;padding:16px}.modal.open{display:flex}.modal-card{width:min(900px,100%);max-height:96vh;overflow:auto;background:#fff;border-radius:16px;padding:20px}.crop-stage{position:relative;width:min(420px,90vw);height:min(680px,65vh);margin:auto;background:#202833;overflow:hidden}.crop-stage img#cropImage{display:block;max-width:100%}.crop-guide{position:absolute;inset:3%;z-index:20;pointer-events:none;border:3px solid #32c270;border-radius:4px}.crop-guide:before{content:'KEEP FACE & BODY INSIDE';position:absolute;top:8%;left:10%;right:10%;height:45%;border:2px dashed #ff4d4d;color:#ff4d4d;font-size:11px;font-weight:700;padding-top:5px}.modal-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:15px}.success-code{font-size:34px;letter-spacing:2px;font-weight:700;color:var(--blue);background:#edf5fc;border:2px dashed #8eb7da;padding:16px;border-radius:12px;text-align:center}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.muted{color:var(--muted)}@media(max-width:760px){.grid,.preview-grid,.summary,.steps{grid-template-columns:1fr}.nametag-frame{grid-column:auto}.card-panel{padding:19px}.hero h1{font-size:24px}.site-head .inner{align-items:flex-start;flex-direction:column}.choice{min-width:100%}}