/* Yakuza EV – Winner Voucher Portal
   Palette: ground #0B0D10 · surface #15181D · brand orange #F26B1A / #E05A00 · chrome #F2F4F7 */

.ywp,.ywp *{box-sizing:border-box}
.ywp{
  --ywp-bg:#0B0D10;--ywp-surface:#15181D;--ywp-line:#262B33;--ywp-line-2:#3A414D;
  --ywp-text:#F2F4F7;--ywp-text-2:#B5BCC7;--ywp-muted:#9AA3AF;--ywp-faint:#6B7380;
  --ywp-accent:#F26B1A;--ywp-accent-hover:#FF8A3D;--ywp-accent-ink:#0B0D10;
  --ywp-accent-bg:#23140B;--ywp-accent-line:#5A2E12;
  --ywp-err:#FF6B6B;--ywp-err-bg:#2A1416;--ywp-err-line:#5C2327;--ywp-err-text:#FFB4B4;
  --ywp-warn:#FFC857;--ywp-warn-bg:#2A2416;--ywp-warn-line:#5C4A1E;
  --ywp-display:'Space Grotesk',system-ui,sans-serif;--ywp-body:Inter,system-ui,sans-serif;
  min-height:100vh;display:flex;flex-direction:column;background:var(--ywp-bg);color:var(--ywp-text);
  font-family:var(--ywp-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased
}
body.ywp-fullpage{margin:0;background:#0B0D10}
.ywp a{color:var(--ywp-accent);text-decoration:none}.ywp a:hover{color:var(--ywp-accent-hover)}
.ywp h1,.ywp h2{font-family:var(--ywp-display);font-weight:700;margin:0;color:var(--ywp-text)}
.ywp h1:focus,.ywp h2:focus{outline:none}
.ywp a.ywp-btn-primary,.ywp a.ywp-btn-primary:hover{color:var(--ywp-accent-ink)}
.ywp a.ywp-btn-ghost,.ywp a.ywp-btn-ghost:hover{color:var(--ywp-text)}
.ywp p{margin:0}
.ywp hr{border:0;height:1px;background:var(--ywp-accent-line);margin:0}

/* Header / footer */
.ywp-header{position:relative;display:flex;justify-content:center;align-items:center;padding:16px 48px;border-bottom:1px solid #1E232B}
.ywp-brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.ywp-logo{width:auto;height:64px;object-fit:contain;display:block}
.ywp-wordmark{font-family:var(--ywp-display);font-weight:700;font-size:22px;letter-spacing:.1em}
.ywp-wordmark em{font-style:normal;color:var(--ywp-accent)}
.ywp-divider{width:1px;height:24px;background:#2A3039}
.ywp-tag{font-size:14px;color:var(--ywp-muted)}
.ywp-domain{font-size:13px;color:var(--ywp-muted)}
.ywp-footer{padding:20px 48px;border-top:1px solid #1E232B;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:13px;color:var(--ywp-muted);margin-top:auto;text-align:center}
.ywp-footer a{color:var(--ywp-text-2);text-decoration:underline;text-underline-offset:3px}.ywp-footer a:hover{color:var(--ywp-accent)}
.ywp-footer-sep{color:var(--ywp-faint)}

/* Stepper */
.ywp-steps{list-style:none;margin:0;padding:28px 48px 0;display:flex;flex-wrap:wrap;gap:28px;font-size:14px;color:var(--ywp-muted);justify-content:center}
.ywp-steps li{display:flex;align-items:center;gap:10px}
.ywp-steps li span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--ywp-line-2);font-weight:600;font-size:13px}
.ywp-steps li.is-done,.ywp-steps li.is-current{color:var(--ywp-text)}
.ywp-steps li.is-done span,.ywp-steps li.is-current span{background:var(--ywp-accent);border-color:var(--ywp-accent);color:var(--ywp-accent-ink)}
.ywp-steps li.is-done{color:var(--ywp-accent)}
.ywp-steps[hidden]{display:none}

/* Screens */
.ywp-screen{display:none;padding:40px 48px 56px;width:100%;max-width:1200px;margin:0 auto}
.ywp-screen.is-active{display:block;animation:ywp-in .25s ease}
@keyframes ywp-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Hero */
.ywp-hero{display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding-top:16px}
.ywp-hero-text{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:24px}
.ywp-hero h1{font-size:clamp(36px,5vw,56px);line-height:1.05;letter-spacing:-.02em}
.ywp-hero h1 strong{color:var(--ywp-accent);font-weight:700}
.ywp-hero-text>p{font-size:18px;line-height:1.6;color:var(--ywp-text-2);max-width:520px}
.ywp-pill{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--ywp-accent-line);background:var(--ywp-accent-bg);border-radius:999px;font-size:13px;font-weight:500;color:var(--ywp-accent)}

/* Cards */
.ywp-card{flex:0 1 460px;min-width:0;width:100%;background:var(--ywp-surface);border:1px solid var(--ywp-line);border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:20px}
.ywp-card h2{font-size:24px}
.ywp-card-center{align-items:center;text-align:center;max-width:600px;margin:0 auto;padding:44px 40px}
.ywp-card-center h2{font-size:30px;line-height:1.15}
.ywp-card-wide{max-width:720px}
.ywp-muted{font-size:14px;color:var(--ywp-muted)}
.ywp-card-center .ywp-muted{font-size:15px;line-height:1.6;color:var(--ywp-text-2)}
.ywp-fine{font-size:12px;line-height:1.5;color:var(--ywp-faint)}
.ywp-hint{font-size:12px;color:var(--ywp-faint)}
.ywp-eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ywp-accent)}

/* Fields */
.ywp-field{display:flex;flex-direction:column;gap:8px;text-align:left}
.ywp-field label{font-size:13px;font-weight:500;color:var(--ywp-text-2)}
.ywp-input{width:100%;height:52px;padding:0 16px;background:var(--ywp-bg);border:1px solid var(--ywp-line-2);border-radius:10px;color:var(--ywp-text);font-family:var(--ywp-body);font-size:16px;outline:none;transition:border-color .15s}
.ywp-input:focus{border-color:var(--ywp-accent)}
.ywp-input::placeholder{color:var(--ywp-faint)}
textarea.ywp-input{height:auto;padding:14px 16px;line-height:1.5;resize:vertical}
.ywp-input-code{height:56px;font-family:var(--ywp-display);font-size:22px;letter-spacing:.18em;text-transform:uppercase}
.ywp-input-group{display:flex;align-items:center;height:52px;background:var(--ywp-bg);border:1px solid var(--ywp-line-2);border-radius:10px;overflow:hidden}
.ywp-input-group:focus-within{border-color:var(--ywp-accent)}
.ywp-input-group span{padding:0 14px;height:100%;display:flex;align-items:center;background:var(--ywp-surface);border-right:1px solid var(--ywp-line-2);color:var(--ywp-muted)}
.ywp-input-group .ywp-input{flex:1;min-width:0;height:100%;border:0;background:transparent;border-radius:0}
.ywp-field.has-error .ywp-input,.ywp-field.has-error .ywp-input-group{border-color:var(--ywp-err);border-width:2px}
.ywp-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--ywp-err-bg);border:1px solid var(--ywp-err-line);border-radius:10px;font-size:14px;line-height:1.5;color:var(--ywp-err-text);text-align:left}
.ywp-error[hidden]{display:none}
.ywp-error strong{color:#FFD1D1}
.ywp-error-wide{max-width:920px;margin:16px auto 0}
.ywp-check{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;color:var(--ywp-text-2);cursor:pointer;text-align:left}
.ywp-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--ywp-accent);flex:none}

/* Buttons */
.ywp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:10px;border:0;font-family:var(--ywp-body);font-weight:600;font-size:16px;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.ywp-btn-primary{background:var(--ywp-accent);color:var(--ywp-accent-ink)}
.ywp-btn-primary:hover{background:var(--ywp-accent-hover);color:var(--ywp-accent-ink)}
.ywp-btn-ghost{background:transparent;border:1px solid var(--ywp-line-2);color:var(--ywp-text);font-weight:500;font-size:15px;height:48px}
.ywp-btn-ghost:hover{border-color:var(--ywp-text-2);color:var(--ywp-text)}
.ywp-btn[disabled]{opacity:.6;cursor:wait}
.ywp-grow{flex:1}
.ywp-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}
.ywp-actions-left{justify-content:flex-start}

/* Two column */
.ywp-two-col{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;align-items:flex-start}
.ywp-two-col .ywp-card{flex:1 1 480px;max-width:620px}
.ywp-two-col-rev .ywp-card{max-width:640px}
.ywp-side{flex:0 1 340px;min-width:0;width:100%;background:var(--ywp-surface);border:1px solid var(--ywp-line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:1.6;color:var(--ywp-muted)}
.ywp-side-valid{background:var(--ywp-accent-bg);border-color:var(--ywp-accent-line);padding:28px}
.ywp-side-stack{flex:0 1 340px;min-width:0;width:100%;display:flex;flex-direction:column;gap:16px}
.ywp-side-title{font-weight:600;color:var(--ywp-text)}
.ywp-valid-label{display:flex;align-items:center;gap:10px;color:var(--ywp-accent);font-weight:600;font-size:14px}
.ywp-code-big{font-family:var(--ywp-display);font-size:28px;letter-spacing:.18em;color:var(--ywp-text)}
.ywp-kv{margin:0;display:flex;flex-direction:column;gap:10px}
.ywp-kv div{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--ywp-text-2)}
.ywp-kv dt{margin:0}.ywp-kv dd{margin:0;color:var(--ywp-text);text-align:right}
.ywp-kv div[hidden]{display:none}
.ywp-mono{font-family:var(--ywp-display);letter-spacing:.12em}
.ywp-warn-text{color:var(--ywp-warn)!important;font-weight:600}
.ywp-accent{color:var(--ywp-accent)!important}

/* Delivery choices */
.ywp-center-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;max-width:640px;margin:0 auto 32px}
.ywp-center-head h2{font-size:clamp(28px,4vw,36px);line-height:1.1}
.ywp-center-head .ywp-muted{font-size:16px;line-height:1.6}
.ywp-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:920px;margin:0 auto 24px}
@media (max-width:720px){.ywp-choices{grid-template-columns:1fr}}
.ywp-choice{display:flex;flex-direction:column;gap:18px;padding:32px;background:var(--ywp-surface);border:2px solid var(--ywp-line);border-radius:16px;color:var(--ywp-text);text-align:left;cursor:pointer;font-family:var(--ywp-body);min-width:0;transition:border-color .15s}
.ywp-choice:hover{border-color:var(--ywp-line-2)}
.ywp-choice.is-selected{border-color:var(--ywp-accent)}
.ywp-choice-top{display:flex;justify-content:space-between;align-items:flex-start}
.ywp-choice-icon{width:52px;height:52px;border-radius:12px;background:var(--ywp-bg);border:1px solid var(--ywp-line-2);display:flex;align-items:center;justify-content:center;color:var(--ywp-text-2)}
.ywp-choice.is-selected .ywp-choice-icon{background:var(--ywp-accent-bg);border-color:var(--ywp-accent-line);color:var(--ywp-accent)}
.ywp-radio{display:inline-flex;width:22px;height:22px;border-radius:50%;border:2px solid var(--ywp-line-2);align-items:center;justify-content:center}
.ywp-choice.is-selected .ywp-radio{border-color:var(--ywp-accent)}
.ywp-choice.is-selected .ywp-radio::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--ywp-accent)}
.ywp-choice strong{font-family:var(--ywp-display);font-size:22px;font-weight:700}
.ywp-choice p{font-size:14px;line-height:1.6;color:var(--ywp-muted);margin-top:-10px}
.ywp-choice p b{color:var(--ywp-text)}
.ywp-choice ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--ywp-text-2)}
.ywp-choice li::before{content:"✓";margin-right:8px;color:var(--ywp-muted)}
.ywp-choice.is-selected li::before{color:var(--ywp-accent)}

/* Used / Done */
.ywp-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.ywp-icon-warn{background:var(--ywp-warn-bg);border:1px solid var(--ywp-warn-line);color:var(--ywp-warn)}
.ywp-icon-ok{width:80px;height:80px;background:var(--ywp-accent);color:var(--ywp-accent-ink)}
.ywp-code-strike{font-family:var(--ywp-display);font-size:20px;letter-spacing:.18em;color:var(--ywp-muted);text-decoration:line-through}
.ywp-strike{text-decoration:line-through;color:var(--ywp-faint)}
.ywp-summary{margin:0;width:100%;display:flex;flex-direction:column;background:var(--ywp-bg);border:1px solid var(--ywp-line);border-radius:12px;overflow:hidden;text-align:left;font-size:14px}
.ywp-summary>div{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #1E232B;color:var(--ywp-text-2)}
.ywp-summary>div:last-child{border-bottom:0}
.ywp-summary>div[hidden]{display:none}
.ywp-summary dt{margin:0;color:var(--ywp-faint)}.ywp-summary dd{margin:0;text-align:right;color:var(--ywp-text)}
.ywp-summary dd small{display:block;color:var(--ywp-faint);font-size:13px}
.ywp-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--ywp-warn-bg);border:1px solid var(--ywp-warn-line);color:var(--ywp-warn);font-size:11px;font-weight:600;vertical-align:middle}
.ywp-note{width:100%;padding:16px;background:var(--ywp-accent-bg);border:1px solid var(--ywp-accent-line);border-radius:12px;text-align:left;font-size:13px;line-height:1.6;color:var(--ywp-text-2)}
.ywp-note strong{color:var(--ywp-accent)}

/* Online code */
.ywp-online-code-wrap{width:100%;display:flex;flex-direction:column;gap:10px;align-items:center}
.ywp-online-code-wrap .ywp-eyebrow{color:var(--ywp-muted)}
.ywp-online-row{width:100%;display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.ywp-online-code{flex:1 1 320px;min-width:0;display:flex;align-items:center;justify-content:center;min-height:76px;padding:12px;background:var(--ywp-bg);border:2px dashed var(--ywp-accent);border-radius:12px;font-family:var(--ywp-display);font-weight:700;font-size:clamp(22px,4vw,32px);letter-spacing:.2em;color:var(--ywp-accent);word-break:break-all;user-select:all}
.ywp-btn-copy{height:76px;padding:0 24px}
.ywp-howto{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left}
@media (max-width:640px){.ywp-howto{grid-template-columns:1fr}}
.ywp-howto>div{padding:16px;background:var(--ywp-bg);border:1px solid var(--ywp-line);border-radius:12px;display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13px;line-height:1.5;color:var(--ywp-text-2)}
.ywp-howto b{font-family:var(--ywp-display);font-size:20px;color:var(--ywp-accent)}
.ywp-howto strong{color:var(--ywp-text)}

/* Responsive */
@media (max-width:720px){
  .ywp-header,.ywp-footer{padding-left:16px;padding-right:16px}
  .ywp-steps{padding:20px 16px 0;gap:14px;font-size:12px}
  .ywp-screen{padding:24px 16px 40px}
  .ywp-card,.ywp-card-center{padding:24px 20px}
  .ywp-logo{height:52px}
  .ywp-online-row{flex-direction:column}
  .ywp-btn-copy{height:52px}
}