.spc-wrapper{display:flex;gap:10px;flex-wrap:wrap;align-items:center;max-width:520px;margin:0 auto}
.spc-input{padding:.6rem;border-radius:8px;border:1px solid #ccc;flex:1;min-width:120px}
.spc-button{padding:.6rem 1rem;border:none;background:#F4C542;color:#000;border-radius:8px;cursor:pointer;font-weight:700}
.spc-button:hover{background:#d8ac24}
#spc-result{margin-top:10px;padding:.6rem 1rem;border-radius:.5rem;min-width:100%;font-weight:600;text-align:center}
.spc-ok{background:#fff8e1;color:#000;border:1px solid #F4C542}
.spc-err{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}
.spc-spinner{margin:10px auto;width:22px;height:22px;border:3px solid #ccc;border-top-color:#F4C542;border-radius:50%;animation:spin 1s linear infinite;display:none}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:767px){.spc-wrapper{flex-direction:column}.spc-input,.spc-button{width:100%}.spc-button{margin-top:8px}}