*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;background:#0f0f0f;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:480px;margin:0 auto;padding:0 16px 56px}.header{align-items:center;gap:10px;padding:28px 0 20px;display:flex}.logo{background:linear-gradient(135deg,#fe2c55,#25f4ee);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.platform-badge{color:#fff;text-transform:uppercase;letter-spacing:.6px;background:#fe2c55;border-radius:20px;padding:3px 9px;font-size:.65rem;font-weight:700}.progress-bar{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex;position:relative}.progress-bar:before{content:"";z-index:0;background:#2a2a2a;height:2px;position:absolute;top:13px;left:28px;right:28px}.progress-step{z-index:1;flex-direction:column;align-items:center;gap:6px;display:flex}.step-label{color:#555;white-space:nowrap;font-size:.68rem}.progress-step.active .step-label{color:#ccc}.step-dot{color:#555;background:#1a1a1a;border:2px solid #2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.progress-step.active .step-dot{color:#fff;background:#fe2c55;border-color:#fe2c55}.card{background:#161616;border:1px solid #242424;border-radius:18px;padding:28px 24px}.card h2{letter-spacing:-.3px;margin-bottom:6px;font-size:1.25rem;font-weight:700}.subtitle{color:#777;margin-bottom:24px;font-size:.88rem;line-height:1.45}.textarea{color:#fff;resize:vertical;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:12px;outline:none;width:100%;margin-bottom:20px;padding:14px 16px;font-family:inherit;font-size:.93rem;line-height:1.55;transition:border-color .15s}.textarea:focus{border-color:#fe2c55}.textarea::placeholder{color:#444}.question-block{margin-bottom:22px}.question-label{color:#ddd;margin-bottom:10px;font-size:.9rem;font-weight:600}.pill-group{flex-wrap:wrap;gap:8px;display:flex}.pill{color:#888;cursor:pointer;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:.83rem;transition:all .15s}.pill:hover{color:#ddd;border-color:#555}.pill.selected{color:#fff;background:#fe2c55;border-color:#fe2c55;font-weight:600}.result-badge{color:#25f4ee;letter-spacing:.8px;text-transform:uppercase;background:#25f4ee1f;border-radius:20px;margin-bottom:12px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-block}.caption-box{white-space:pre-wrap;color:#eee;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:12px;margin-bottom:20px;padding:18px 16px;font-size:.93rem;line-height:1.65}.btn-primary{color:#fff;cursor:pointer;background:#fe2c55;border:none;border-radius:12px;width:100%;padding:14px 24px;font-family:inherit;font-size:.93rem;font-weight:700;transition:opacity .15s}.btn-primary:hover:not(:disabled){opacity:.87}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:12px;padding:14px 24px;font-family:inherit;font-size:.93rem;font-weight:600;transition:all .15s}.btn-secondary:hover:not(:disabled){color:#ddd;border-color:#555}.btn-secondary:disabled{opacity:.35;cursor:not-allowed}.btn-row{gap:10px;display:flex}.btn-row .btn-primary{flex:1}.error{color:#fe2c55;background:#fe2c5514;border:1px solid #fe2c5540;border-radius:10px;margin-bottom:16px;padding:11px 14px;font-size:.85rem;line-height:1.4}
