/* ==========================================================================
   Magic Profit — Signup page (signup.blade.php) specific styles
   Prefix: su-
   ========================================================================== */

.su-login-link {
   color: var(--mp-cyan);
}

.su-chip-icon-phantom  { color: #AB9FF2; }
.su-chip-icon-solflare { color: #FFB229; }
.su-chip-icon-trust    { color: #3375BB; }
.su-chip-icon-metamask { color: #F2A45B; }
.su-chip-icon-coinbase { color: #1652F0; }

/* ============ NAME INPUT (mandatory at signup) ============ */
.mp-name-wrap {
    margin: 18px 0 16px;
    text-align: left;
}
.mp-name-label {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, .82);
    text-transform: uppercase;
    letter-spacing: 1.1px;
    font-weight: 600;
    margin-bottom: 6px;
}
.mp-name-label .req { color: #ff6f8a; margin-left: 2px; }
.mp-name-input {
    width: 100%;
    box-sizing: border-box;
    padding: 13px 16px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    color: #fff;
    font-family: 'Poppins', system-ui, sans-serif;
    font-size: 14.5px;
    font-weight: 500;
    transition: border-color .15s, background .15s, box-shadow .15s;
}
.mp-name-input::placeholder { color: rgba(255, 255, 255, .35); }
.mp-name-input:focus {
    outline: 0;
    background: rgba(255, 255, 255, .06);
    border-color: rgba(63, 224, 165, .55);
    box-shadow: 0 0 0 3px rgba(63, 224, 165, .10);
}
.mp-name-input.is-invalid {
    border-color: rgba(255, 111, 138, .55);
    box-shadow: 0 0 0 3px rgba(255, 111, 138, .12);
    animation: mpShake .35s ease-in-out;
}
@keyframes mpShake {
    0%, 100% { transform: translateX(0); }
    25%      { transform: translateX(-4px); }
    75%      { transform: translateX(4px); }
}
.mp-name-hint {
    font-size: 11.5px;
    color: rgba(255, 255, 255, .45);
    margin-top: 6px;
}