/* Wizard pages shared styles — inherits variables from ../styles.css */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --primary:#ff7900;--primary-hover:#f16e00;--black:#000;--white:#fff;
  --bg:#000;--bg-card:#111;--bg-elevated:#1a1a1a;
  --text:#fff;--text-secondary:rgba(255,255,255,.7);--text-muted:rgba(255,255,255,.45);
  --border:rgba(255,255,255,.12);--border-hover:rgba(255,255,255,.25);
  --font:HelvNeueOrange,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --fw-bold:700;--fw-medium:500;--transition:.25s ease;
}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.5;display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}

/* Header mini */
.wz-header{background:var(--black);border-bottom:1px solid var(--border);padding:1rem 0}
.wz-header-inner{max-width:600px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.wz-logo{height:2rem}
.wz-back{color:var(--text-muted);font-size:.875rem;display:inline-flex;align-items:center;gap:.375rem;transition:var(--transition)}
.wz-back:hover{color:var(--white)}

/* Progress */
.wz-progress{height:3px;background:var(--border);max-width:600px;margin:0 auto;width:100%}
.wz-progress-bar{height:100%;background:var(--primary);transition:width .4s ease}

/* Content */
.wz-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 24px}
.wz-card{width:100%;max-width:520px;background:var(--bg-elevated);border:1px solid var(--border);padding:2.5rem 2rem 2rem;text-align:center;animation:wzIn .3s ease}
@keyframes wzIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

.wz-icon{width:3.5rem;height:3.5rem;margin:0 auto 1.25rem;border-radius:50%;background:var(--primary);color:var(--black);display:flex;align-items:center;justify-content:center;font-size:1.25rem}
.wz-icon-success{background:#228722;color:var(--white)}
.wz-card h2{font-size:1.5rem;font-weight:var(--fw-bold);color:var(--white);margin-bottom:.75rem}
.wz-card p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9375rem}

/* Choices */
.wz-choices{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}
.wz-choice{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border:2px solid var(--border-hover);background:transparent;color:var(--white);font-size:1rem;font-weight:var(--fw-bold);font-family:var(--font);cursor:pointer;transition:var(--transition);text-decoration:none}
.wz-choice:hover{border-color:var(--primary);color:var(--primary)}

/* Form */
.wz-form{text-align:left;margin-top:.5rem}
.wz-field{margin-bottom:1rem}
.wz-field label{display:block;font-size:.8125rem;font-weight:var(--fw-bold);color:var(--white);margin-bottom:.375rem}
.wz-field .req{color:var(--primary)}
.wz-field input{width:100%;padding:.625rem .875rem;font-size:.9375rem;font-family:var(--font);background:var(--bg);border:1px solid var(--border-hover);color:var(--white);transition:var(--transition)}
.wz-field input::placeholder{color:var(--text-muted)}
.wz-field input:focus{outline:none;border-color:var(--primary)}
.wz-field-label{font-size:1rem;font-weight:var(--fw-bold);color:var(--white);text-align:center;margin:1.25rem 0 .75rem}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:var(--fw-bold);padding:.75rem 2rem;border:2px solid transparent;font-family:var(--font);cursor:pointer;transition:var(--transition);gap:.5rem;text-decoration:none}
.btn-primary{background:var(--primary);color:var(--black);border-color:var(--primary)}
.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.btn-full{width:100%;justify-content:center}

/* Steps list & benefits */
.wz-steps-list{text-align:left;margin:1.5rem 0}
.wz-steps-list h4{font-size:.9375rem;font-weight:var(--fw-bold);color:var(--white);margin-bottom:.75rem}
.wz-steps-list ol{padding-left:1.5rem;color:var(--text-secondary)}
.wz-steps-list ol li{margin-bottom:.5rem;list-style:decimal;font-size:.875rem}

.wz-benefits{text-align:left;background:var(--bg);border:1px solid var(--border);padding:1.25rem;margin:1rem 0}
.wz-benefits h4{font-size:.9375rem;font-weight:var(--fw-bold);color:var(--primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}
.wz-benefits ul{padding-left:1.25rem;color:var(--text-secondary)}
.wz-benefits ul li{margin-bottom:.375rem;list-style:disc;font-size:.875rem}

.wz-encourage{font-size:1.1rem;font-weight:var(--fw-bold);color:var(--primary);margin:1rem 0}

/* Toast */
.wz-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:#228722;color:var(--white);padding:.75rem 1.5rem;font-size:.875rem;font-weight:var(--fw-bold);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:100}
.wz-toast.show{opacity:1}

@media(max-width:480px){
  .wz-card{padding:2rem 1.25rem 1.5rem}
  .wz-card h2{font-size:1.25rem}
  .wz-choices{flex-direction:column}
  .wz-choice{justify-content:center}
}