:root{--spr-purple:#9b59b6;--spr-purple-dk:#7d3c98;--spr-purple-lt:#e8d5f5;--spr-radius:10px;--spr-shadow:0 4px 20px rgba(0,0,0,.1);--spr-trans:.25s ease}.spr-wrap{max-width:680px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1a1a2e}.spr-hero{padding:36px 32px 28px;text-align:center;color:#fff;background:linear-gradient(135deg,#e40303 0%,#ff8c00 17%,#ffed00 33%,#008026 50%,#004dff 67%,#750787 83%,#9b59b6 100%);border-radius:var(--spr-radius) var(--spr-radius) 0 0}.spr-hero h2{margin:0 0 6px;color:#fff;font-size:1.7em;font-weight:800;letter-spacing:-.02em;text-shadow:0 2px 6px rgba(0,0,0,.35)}.spr-hero p{margin:0;color:#fff!important;font-size:.97em;opacity:1}.spr-card{padding:32px 36px 36px;background:#fff;border-radius:0 0 var(--spr-radius) var(--spr-radius);box-shadow:var(--spr-shadow)}.spr-progress{position:relative;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.spr-progress:before{content:"";position:absolute;z-index:0;top:18px;left:calc(25% + 4px);right:calc(25% + 4px);height:3px;border-radius:2px;background:#e0e0e0}.spr-indicator{position:relative;z-index:1;display:flex;flex:1;align-items:center;flex-direction:column;gap:6px;color:#aaa;font-size:.72em;font-weight:600;text-align:center;line-height:1.2}.spr-indicator b{display:flex;align-items:center;justify-content:center;box-sizing:content-box;width:36px;height:36px;border:3px solid #e0e0e0;border-radius:50%;background:#e0e0e0;color:#888;font-size:1.32em;transition:background var(--spr-trans),border-color var(--spr-trans),color var(--spr-trans)}.spr-indicator.is-active{color:var(--spr-purple-dk)}.spr-indicator.is-active b{border-color:var(--spr-purple);background:var(--spr-purple);color:#fff;box-shadow:0 0 0 4px var(--spr-purple-lt)}.spr-indicator.is-done{color:var(--spr-purple-dk)}.spr-indicator.is-done b{border-color:var(--spr-purple-dk);background:var(--spr-purple-dk);color:#fff}.spr-panel{display:none}.spr-panel.is-active{display:block;animation:sprFadeIn .25s ease}@keyframes sprFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spr-panel h3{margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid var(--spr-purple-lt);color:var(--spr-purple-dk);font-size:1.15em;font-weight:700}.spr-field{margin-bottom:18px}.spr-field label{display:block;margin-bottom:6px;color:#2c2c3e;font-size:.93em;font-weight:600}.spr-field label em{margin-left:2px;color:#e74c3c;font-style:normal}.spr-field label small,.spr-intro span{color:#777;font-weight:400}.spr-field input,.spr-field select{box-sizing:border-box;width:100%;min-height:43px;padding:10px 14px;border:1.5px solid #d0d0e0;border-radius:8px;background:#fafafa;color:#1a1a2e;font:inherit;font-size:.98em;transition:border-color var(--spr-trans),box-shadow var(--spr-trans)}.spr-field input:focus,.spr-field select:focus{outline:0;border-color:var(--spr-purple);background:#fff;box-shadow:0 0 0 3px rgba(155,89,182,.18)}.spr-field input.spr-input-ok{border-color:#27ae60}.spr-field>small{display:block;margin-top:6px;color:#777}.spr-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.spr-intro{margin:26px 0 16px;color:var(--spr-purple-dk);font-weight:700}.spr-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px}.spr-nav button{padding:11px 30px;border:0;border-radius:8px;background:#d40000;color:#fff;font-family:inherit;font-size:.97em;font-weight:700;box-shadow:0 4px 12px rgba(155,89,182,.35);cursor:pointer;transition:background var(--spr-trans),transform var(--spr-trans)}.spr-nav button:hover{background:#a90000;transform:translateY(-1px)}.spr-nav button.secondary{border:1px solid #ddd;background:#f5f5f5;color:#555;box-shadow:none}.spr-errors{margin-bottom:24px;padding:14px 18px;border:1px solid #f5c6cb;border-radius:8px;background:#fff5f5;color:#721c24}.spr-errors ul{margin:0;padding-left:20px}.spr-success{margin-bottom:24px;padding:20px 24px;border:1px solid #c3e6cb;border-radius:var(--spr-radius);background:linear-gradient(135deg,#d4edda 0%,#b8e3c4 100%);color:#155724;font-size:1.05em;font-weight:600;text-align:center;box-shadow:var(--spr-shadow)}.spr-field.has-error input,.spr-field.has-error select{border-color:#e74c3c;background:#fff9f9}.spr-field-error{display:block;margin-top:5px;color:#e74c3c;font-size:.8em;font-weight:600}@media(max-width:600px){.spr-wrap{margin:0 8px}.spr-hero{padding:28px 18px 22px}.spr-card{padding:25px 20px 28px}.spr-grid{grid-template-columns:1fr}.spr-nav{align-items:stretch;flex-direction:column-reverse}.spr-nav button{width:100%}}
