:root{--blue:#1990c6;--navy:#112235;--ink:#243746;--muted:#647482;--cream:#f5fbfd}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.employee-shell{min-height:100vh;padding:28px 16px 48px;background:linear-gradient(145deg,#effaff,#fff 58%)}.employee-panel{max-width:590px;margin:auto;padding:clamp(24px,5vw,42px);border:1px solid #d7edf6;border-radius:26px;background:#fff;box-shadow:0 14px 45px #1990c61c}.logo-placeholder{display:grid;place-items:center;width:94px;height:54px;border:2px dashed var(--blue);border-radius:14px;color:var(--blue);font-size:17px;font-weight:800;letter-spacing:.08em}.employee-logo-wrap{width:142px;height:74px;overflow:hidden;border-radius:12px;background:#fff}.employee-logo{display:block;width:142px;height:auto;margin-top:-47px}.compact{width:78px;height:42px;margin:8px auto 20px;font-size:13px}.card-kicker,.eyebrow{margin:25px 0 7px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.1em}h1,h2,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(28px,7vw,40px);line-height:1.05}h1,h2{color:var(--navy)}.barcode-note,.field-help,.footer-line,.intro{color:var(--muted);line-height:1.5}form{margin-top:30px}label{display:block;margin-bottom:8px}input,label{font-weight:700}input{width:100%;padding:16px;border:2px solid #b7deec;border-radius:13px;color:var(--navy);font-size:24px;letter-spacing:.12em;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1990c622}.field-help{margin:7px 0 22px;font-size:14px}.primary-button,.wallet-button{width:100%;border:0;border-radius:14px;min-height:55px;padding:12px 18px;cursor:pointer;font-weight:800;font-size:16px}.primary-button{color:#fff;background:var(--blue);box-shadow:0 6px 0 #10739f}.primary-button:disabled{opacity:.65;cursor:wait}.error{margin:20px 0 0;color:#bc2437;font-weight:700}.result{margin-top:32px;padding-top:28px;border-top:1px solid #d7edf6;text-align:center}.result h2{margin-bottom:16px}.qr-frame{display:inline-flex;padding:12px;border:1px solid #d7edf6;border-radius:18px;background:#fff}.card-link{display:block;margin:18px 0 8px;color:var(--blue);font-weight:800}.url-text{overflow-wrap:anywhere;color:var(--muted);font-size:12px}.card-page{min-height:100vh;padding:18px 16px 34px;background:radial-gradient(circle at 10% 9%,#dff5ff 0 10%,transparent 26%),#fff}.club-card{max-width:470px;margin:auto;overflow:hidden;border-radius:25px;background:var(--blue);box-shadow:0 18px 42px #126b913d}.card-top{display:flex;align-items:center;justify-content:space-between;min-height:126px;padding:22px 18px;color:#fff;text-align:center}.card-logo-wrap{width:214px;height:76px;margin:0 auto;overflow:hidden;border-radius:10px;background:#fff}.card-logo{display:block;width:214px;height:auto;margin-top:-72px}.card-kicker{margin:0 0 7px;color:#dff6ff}.card-top h1{margin:0;color:#fff;font-size:clamp(25px,7vw,34px)}.sparkle{font-size:28px}.customer-block{display:flex;justify-content:space-between;align-items:baseline;padding:19px 24px;background:#e9f8fe;color:var(--navy)}.customer-block span{font-size:14px;font-weight:700}.customer-block strong{font-size:25px;letter-spacing:.07em}.barcode-box{display:grid;place-items:center;padding:21px 12px 5px;background:#fff}.barcode-box svg{max-width:100%;height:auto}.barcode-note{margin:0;padding:7px 12px 18px;background:#fff;text-align:center;font-size:12px}.wallet-section{max-width:470px;margin:30px auto 0}.wallet-section h2{font-size:20px;text-align:center}.wallet-button{margin-top:12px;color:#fff}.apple{background:#111}.google{background:#fff;border:1px solid #d1d5db;color:#263238;box-shadow:0 1px 2px #0002}.google-mark{color:#4285f4;font-weight:900;font-size:20px}.wallet-notice{margin:15px 0 0;color:var(--muted);text-align:center}@media (max-width:360px){.employee-panel{padding:22px}.card-top{padding-inline:15px}.sparkle{font-size:20px}}