/* Signup / info alert — used by login.html and checkout.html.
   Moved here unchanged from 1.css (home page never uses it). */

/* ===============================
   Premium Information Alert
=================================*/

.signup-info-alert{

    position:relative;

    margin-bottom:28px;

    padding:22px 24px;

    background:#0a0a0a;

    border:1px solid rgba(255,255,255,.12);

    border-radius:2px;

    overflow:hidden;

    display:none;

    opacity:0;

    transform:translateY(-18px);

    transition:
        opacity .35s ease,
        transform .35s cubic-bezier(.22,1,.36,1);

    will-change:transform, box-shadow;
}

/* Left Accent */

.signup-info-alert::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    bottom:0;

    width:4px;

    background:#ffffff;
}

/* Visible State */

.signup-info-alert.show{

    display:block;

    opacity:1;

    transform:translateY(0);

    animation:
        infoFloat 1.6s ease-in-out infinite,
        infoGlow 1.6s ease-in-out infinite;
}

/* Floating Animation */

@keyframes infoFloat{

    0%,100%{
        transform:translateY(0);
    }

    25%{
        transform:translateY(-6px);
    }

    50%{
        transform:translateY(0);
    }

    75%{
        transform:translateY(6px);
    }

    100%{
        transform:translateY(0);
    }
}

/* Shadow Animation */

@keyframes infoGlow{

    0%,100%{
        box-shadow:
            0 8px 22px rgba(0,0,0,.25);
    }

    50%{
        box-shadow:
            0 18px 42px rgba(0,0,0,.45);
    }
}

/* Header */

.signup-info-head{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:14px;
}

/* INFO Tag */

.signup-info-tag{

    font-family:'IBM Plex Mono', monospace;

    font-size:10px;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:rgba(255,255,255,.60);
}

/* Title */

.signup-info-title{

    font-family:'Barlow Condensed', sans-serif;

    font-weight:700;

    font-size:15px;

    letter-spacing:.12em;

    text-transform:uppercase;

    color:#ffffff;
}

/* Message */

.signup-info-text{

    font-family:'Barlow', sans-serif;

    font-size:14px;

    line-height:1.75;

    color:rgba(255,255,255,.88);

    padding-right:30px;
}

.signup-info-text strong{

    color:#ffffff;

    font-weight:700;
}

/* Close Button */

.signup-info-close{

    position:absolute;

    right:16px;

    top:14px;

    border:none;

    background:none;

    cursor:pointer;

    font-size:24px;

    color:rgba(255,255,255,.60);

    transition:.25s;

    line-height:1;
}

.signup-info-close:hover{

    color:#ffffff;

    transform:rotate(90deg);
}