/* VLINK Webinar Registration - style.css */
#vlwf{font-family:'Roboto',sans-serif;color:#2d3448;line-height:1.6;max-width:1300px;margin:0 auto;
  background:#fff;border:1px solid #e4e8f5;border-radius:16px;padding:32px;
  box-shadow:0 2px 16px rgba(20,34,68,.06)}
#vlwf *{box-sizing:border-box}
#vlwf{--n:#142244;--t:#0f8c6e;--tb:#e6f5f1;--tr:#c2e8dc;--g:#c8963e;--g2:#eef0f4;--g4:#9aa3b2;--g6:#5a6478;--r:8px;--rl:12px}
#vlwf .hd{background:#142244;border-radius:0 0 12px 12px;padding:28px 32px 24px;margin-bottom:20px;position:relative;overflow:hidden}
#vlwf .hd::after{content:'';position:absolute;top:-44px;right:-44px;width:200px;height:200px;border:40px solid rgba(255,255,255,.04);border-radius:50%}
#vlwf .hd-ey{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c8963e;margin-bottom:8px}
#vlwf .hd h2{font-family:'Roboto Slab',serif;font-size:clamp(18px,3vw,24px);font-weight:700;color:#fff!important;margin:0 0 8px!important;padding:0!important;border:none!important;line-height:1.3}
#vlwf .hd p{font-size:13px;color:rgba(255,255,255,.55);margin:0!important}
#vlwf .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
#vlwf .tag{font-size:11px;padding:3px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.65)}
#vlwf .steps{display:flex;background:#fff;border:1px solid #eef0f4;border-radius:12px;overflow:hidden;margin-bottom:18px}
#vlwf .st{flex:1;padding:8px 4px;text-align:center;font-size:10px;color:#9aa3b2;border-right:1px solid #eef0f4}
#vlwf .st:last-child{border-right:none}
#vlwf .st-n{display:block;font-family:'Roboto Slab',serif;font-size:14px;font-weight:700;margin-bottom:1px}
#vlwf .st.done{color:#0f8c6e;background:#e6f5f1}
#vlwf .st.done .st-n{color:#0f8c6e}
#vlwf .st.act{color:#142244;font-weight:700}
#vlwf .st.act .st-n{color:#142244}
#vlwf .lbl{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5a6478;margin-bottom:10px;display:flex;align-items:center;gap:8px}
#vlwf .ln{background:#142244;color:#fff;font-size:10px;padding:2px 8px;border-radius:20px}
#vlwf .wks{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}
#vlwf .wb{padding:4px 11px;border-radius:20px;border:1px solid #eef0f4;font-size:11px;background:#fff;color:#5a6478;cursor:pointer;font-family:'Roboto',sans-serif}
#vlwf .wb:hover{border-color:#0f8c6e;color:#0f8c6e}
#vlwf .wb.on{background:#142244!important;color:#fff!important;border-color:#142244!important;font-weight:500}
#vlwf .wb.sa{border-color:#0f8c6e;color:#0f8c6e}
#vlwf .wb.sa.on{background:#0f8c6e!important;border-color:#0f8c6e!important;color:#fff!important}
#vlwf .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
#vlwf .sc{background:#fff;border:1.5px solid #eef0f4;border-radius:8px;padding:11px 12px;cursor:pointer;transition:border-color .15s;position:relative;user-select:none}
#vlwf .sc:hover{border-color:#0f8c6e}
#vlwf .sc.sel{border-color:#0f8c6e;background:#e6f5f1;box-shadow:0 0 0 3px #c2e8dc}
#vlwf .sc.sel::after{content:'✓';position:absolute;top:9px;right:10px;width:18px;height:18px;background:#0f8c6e;color:#fff;border-radius:50%;font-size:10px;line-height:18px;text-align:center}
#vlwf .sc-wk{font-size:10px;font-weight:700;text-transform:uppercase;color:#0f8c6e;margin-bottom:3px}
#vlwf .sc.sel .sc-wk{color:#0a6050}
#vlwf .sc-n{font-family:'Roboto Slab',serif;font-size:20px;font-weight:700;color:#142244;line-height:1;margin-bottom:3px}
#vlwf .sc-t{font-size:12px;font-weight:500;line-height:1.3;margin-bottom:6px;padding-right:20px}
#vlwf .sc-d{font-size:11px;color:#9aa3b2;display:flex;align-items:center;gap:4px}
#vlwf .sc-d b{color:#5a6478;font-weight:500}
#vlwf .dot{width:3px;height:3px;border-radius:50%;background:#9aa3b2;flex-shrink:0;display:inline-block}
#vlwf .bar{display:none;background:#142244;border-radius:8px;padding:10px 14px;margin-bottom:16px;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#vlwf .bar.on{display:flex}
#vlwf .bar-l{display:flex;align-items:center;gap:8px}
#vlwf .bar-ic{width:26px;height:26px;background:#0f8c6e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}
#vlwf .bar-s{font-size:13px;color:#fff;font-weight:500}
#vlwf .bar-d{font-size:11px;color:rgba(255,255,255,.5)}
#vlwf .bar-t{font-family:'Roboto Slab',serif;font-size:18px;font-weight:700;color:#c8963e}
#vlwf .blk{display:none;background:#fff;border:1px solid #eef0f4;border-radius:12px;overflow:hidden;margin-bottom:16px}
#vlwf .blk.on{display:block}
#vlwf .blk-top{padding:11px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #eef0f4}
#vlwf .blk-ic{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
#vlwf .ic-g{background:#c8963e;color:#fff}
#vlwf .ic-n{background:#142244;color:#fff}
#vlwf .ic-t{background:#0f8c6e;color:#fff}
#vlwf .blk-hd strong{font-size:13px;color:#142244;display:block}
#vlwf .blk-hd span{font-size:11px;color:#9aa3b2}
#vlwf .blk-bd{padding:14px 16px}
#vlwf .qr-layout{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
#vlwf .qr-info{flex:1;min-width:160px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
#vlwf .qr-lbl{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#9aa3b2;margin-bottom:2px}
#vlwf .qr-val{font-size:13px;font-weight:700;color:#2d3448}
#vlwf .qr-val.big{font-family:'Roboto Slab',serif;font-size:20px;color:#0f8c6e}
#vlwf .qr-note{grid-column:1/-1;background:#e6f5f1;border-radius:8px;padding:8px 12px;font-size:12px;color:#0a6050;line-height:1.5}
#vlwf .blk-ft{padding:9px 16px;background:#f7f8fa;font-size:11px;color:#5a6478;border-top:1px solid #eef0f4}
#vlwf .ma-wr{position:relative}
#vlwf .ma-inp{width:100%;padding:10px 40px 10px 12px;border:2px solid #eef0f4;border-radius:8px;font-size:14px;font-family:'Roboto Slab',serif;font-weight:600;color:#142244;letter-spacing:.05em;outline:none;text-transform:uppercase;background:#fff}
#vlwf .ma-inp::placeholder{font-family:'Roboto',sans-serif;font-weight:400;font-size:13px;color:#9aa3b2;text-transform:none;letter-spacing:0}
#vlwf .ma-inp:focus{border-color:#0f8c6e;box-shadow:0 0 0 3px #c2e8dc}
#vlwf .ma-ck{display:none}
#vlwf .ma-hint{font-size:11px;color:#9aa3b2;margin-top:6px;line-height:1.5}
#vlwf .fg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:1000px){#vlwf .grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){#vlwf .grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){#vlwf .fg{grid-template-columns:1fr 1fr}}
@media(max-width:500px){#vlwf .fg{grid-template-columns:1fr}}
#vlwf .ff{grid-column:span 2}
#vlwf .ff4{grid-column:1/-1}
#vlwf .fi{display:flex;flex-direction:column;gap:4px}
#vlwf .fi label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5a6478;display:block}
#vlwf .fi .req{color:#0f8c6e;margin-left:2px}
#vlwf .fi input,#vlwf .fi select{width:100%;padding:8px 11px;border:1.5px solid #eef0f4!important;border-radius:8px!important;font-size:14px;font-family:'Roboto',sans-serif;color:#2d3448;background:#fff;outline:none;box-shadow:none!important;margin:0;-webkit-appearance:none;appearance:none}
#vlwf .fi input:focus,#vlwf .fi select:focus{border-color:#0f8c6e!important;box-shadow:0 0 0 3px #c2e8dc!important}
#vlwf .fi input::placeholder{color:#9aa3b2}
#vlwf .fi select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239aa3b2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}
#vlwf .sub-wr{text-align:center;margin-bottom:8px}
#vlwf .sub{display:inline-flex;align-items:center;padding:12px 32px;background:#0f8c6e;color:#fff!important;font-family:'Roboto',sans-serif;font-size:15px;font-weight:700;border:none!important;border-radius:8px;cursor:pointer;min-width:240px;justify-content:center}
#vlwf .sub:hover{background:#0a6050}
#vlwf .sub:disabled{opacity:.5;cursor:not-allowed}
#vlwf .subn{font-size:11px;color:#9aa3b2;margin-top:6px;text-align:center}
#vlwf .err{display:none;background:#fff5f5;border:1px solid #fca5a5;border-radius:8px;padding:10px 14px;font-size:13px;color:#991b1b;margin-bottom:12px}
#vlwf .err.on{display:block}
#vlwf .ok{display:none;background:#e6f5f1;border:1.5px solid #0f8c6e;border-radius:12px;padding:32px 36px;text-align:center;margin-bottom:16px}
#vlwf .ok.on{display:block}
#vlwf .ok h3{font-family:'Roboto Slab',serif;font-size:20px;color:#142244;margin:10px 0 16px!important}
#vlwf .ok p{font-size:14px;color:#2d3448;margin:0!important;line-height:1.8;text-align:left;background:#fff;border-radius:8px;padding:16px 20px;border:1px solid #c2e8dc}
#vlwf .ok p strong{color:#142244}
#vlwf .ok p em{color:#0f8c6e;font-style:normal;font-weight:500}