:root{--wlo-white: #ffffff;--wlo-blue: #21008a;--wlo-yellow: #f2fe01;--wlo-light-blue: #0079ff;--wlo-gradient: linear-gradient(135deg, #21008a 0%, #0079ff 100%);--wlo-ink: #0e0524;--wlo-muted: #6e6886;--wlo-soft: #f5f4fb;--wlo-border: #e4e1f1}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:Inter,system-ui,sans-serif;color:var(--wlo-ink);background:var(--wlo-white)}body{background:linear-gradient(180deg,var(--wlo-soft) 0%,#ffffff 60%);min-height:100vh}.app{max-width:720px;margin:0 auto;padding:56px 24px 80px}.brand-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;margin-bottom:40px;border-bottom:2px solid var(--wlo-blue)}.brand-bar__name{font-family:Oswald,sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.04em;color:var(--wlo-blue)}.brand-bar__tag{font-family:Oswald,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--wlo-muted)}h1{font-family:Oswald,sans-serif;font-weight:700;font-size:44px;text-transform:uppercase;letter-spacing:-.005em;line-height:1.05;margin:0 0 12px;color:var(--wlo-blue)}.lede{font-family:Archivo Black,sans-serif;font-style:italic;text-transform:uppercase;font-size:14px;letter-spacing:.02em;color:var(--wlo-blue);margin:0 0 28px}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--wlo-border);border-radius:4px;overflow:hidden;margin-bottom:8px}.mode-toggle__btn{background:var(--wlo-white);color:var(--wlo-muted);border:none;border-radius:0;padding:12px 14px;font-size:13px}.mode-toggle__btn:hover:not(:disabled){background:var(--wlo-soft)}.mode-toggle__btn--active,.mode-toggle__btn--active:hover:not(:disabled){background:var(--wlo-blue);color:var(--wlo-white)}.mode-toggle__hint{font-size:12px;color:var(--wlo-muted);line-height:1.5;margin:0 0 22px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.field__label{font-family:Oswald,sans-serif;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--wlo-blue)}.field__hint{font-size:12px;color:var(--wlo-muted)}.field__input,.field__select{width:100%;padding:12px 14px;font-family:Inter,sans-serif;font-size:14px;border:1px solid var(--wlo-border);border-radius:4px;background:var(--wlo-white);color:var(--wlo-ink);outline:none;transition:border-color .15s}.field__input:focus,.field__select:focus{border-color:var(--wlo-blue);box-shadow:0 0 0 2px #21008a1a}.row{display:grid;grid-template-columns:1fr 160px;gap:16px}button{font-family:Oswald,sans-serif;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.08em;padding:14px 22px;border:none;border-radius:4px;background:var(--wlo-blue);color:var(--wlo-white);cursor:pointer;transition:background .15s,transform .05s}button:hover:not(:disabled){background:#2e009e}button:active:not(:disabled){transform:translateY(1px)}button:disabled{background:var(--wlo-border);color:var(--wlo-muted);cursor:not-allowed}button.secondary{background:var(--wlo-white);color:var(--wlo-blue);border:2px solid var(--wlo-blue)}button.secondary:hover:not(:disabled){background:var(--wlo-soft)}button.primary-cta{width:100%;padding:18px 24px;font-size:15px;margin-top:12px;background:var(--wlo-gradient)}.actions{display:flex;gap:12px}.loading{text-align:center;padding:24px 0}.loading h2{font-family:Oswald,sans-serif;font-weight:700;font-size:30px;text-transform:uppercase;color:var(--wlo-blue);margin:16px 0 8px}.loading p{color:var(--wlo-muted);font-size:14px}.spinner{width:56px;height:56px;margin:0 auto;border-radius:50%;border:4px solid var(--wlo-soft);border-top-color:var(--wlo-blue);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{margin-top:28px;height:4px;background:var(--wlo-soft);border-radius:2px;overflow:hidden}.progress__bar{height:100%;background:var(--wlo-gradient);transition:width .6s ease-out}.step-list{margin-top:20px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--wlo-muted)}.step-list__item{display:flex;align-items:center;gap:8px;font-family:Oswald,sans-serif;letter-spacing:.04em;text-transform:uppercase}.step-list__item--active{color:var(--wlo-blue);font-weight:600}.step-list__item--done{color:var(--wlo-blue);opacity:.7}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--wlo-border);flex-shrink:0}.step-list__item--active .step-dot{background:var(--wlo-yellow);border:1px solid var(--wlo-blue)}.step-list__item--done .step-dot{background:var(--wlo-blue)}.result{text-align:center;padding:32px 0}.result__badge{display:inline-block;font-family:Oswald,sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;background:var(--wlo-yellow);color:var(--wlo-blue);padding:4px 12px;border-radius:999px;margin-bottom:16px}.result h2{font-family:Oswald,sans-serif;font-weight:700;font-size:48px;text-transform:uppercase;color:var(--wlo-blue);margin:0 0 12px}.result p{color:var(--wlo-muted);max-width:420px;margin:0 auto 28px}.result__stats{display:flex;justify-content:center;gap:24px;margin-bottom:24px;font-family:Oswald,sans-serif;font-size:13px;color:var(--wlo-muted);text-transform:uppercase;letter-spacing:.08em}.result__stats strong{color:var(--wlo-blue);font-size:16px}.error{margin-top:18px;padding:16px;border-left:4px solid #cc2222;background:#fff0f0;color:#700;font-size:13px;line-height:1.5}.muted{font-size:11px;color:var(--wlo-muted);margin-top:24px;text-align:center}.email-draft{margin-top:36px;padding:22px;background:var(--wlo-soft);border:1px solid var(--wlo-border);border-left:4px solid var(--wlo-blue);border-radius:4px;text-align:left}.email-draft__head{margin-bottom:16px}.email-draft__head h3{font-family:Oswald,sans-serif;font-size:18px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--wlo-blue);margin:0 0 4px}.email-draft__head p{font-size:12px;color:var(--wlo-muted);margin:0}.email-draft__meta{margin-bottom:14px}.email-draft__label{font-family:Oswald,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--wlo-blue);margin-bottom:4px}.email-draft__row{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px}.email-draft__subject{font-family:Inter,sans-serif;font-size:13px;padding:10px 12px;background:var(--wlo-white);border:1px solid var(--wlo-border);border-radius:4px}.email-draft__copy{padding:10px 14px;font-size:11px;white-space:nowrap;flex-shrink:0}.email-draft__body{font-family:Inter,sans-serif;font-size:13px;line-height:1.55;padding:14px 16px;background:var(--wlo-white);border:1px solid var(--wlo-border);border-radius:4px;white-space:pre-wrap;word-wrap:break-word;max-height:360px;overflow:auto;margin:0 0 14px;color:var(--wlo-ink)}.email-draft__copy-main{margin-top:0;width:100%}