:root {
    --sms-bg: #050507;
    --sms-panel: rgba(12, 14, 20, 0.88);
    --sms-panel-border: rgba(255, 255, 255, 0.12);
    --sms-text: #f5f7fb;
    --sms-muted: #a8adba;

    --sms-blue: #2388ff;
    --sms-cyan: #00c8dc;
    --sms-green: #53de39;
    --sms-yellow: #ffd231;
    --sms-orange: #ff7a1a;
    --sms-purple: #b319df;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--sms-text);
    background: var(--sms-bg);
}

.sms-gradient-text {
    background: linear-gradient(
        90deg,
        var(--sms-purple),
        var(--sms-blue),
        var(--sms-cyan),
        var(--sms-green),
        var(--sms-yellow),
        var(--sms-orange)
    );
    -webkit-background-clip: text;
    color: transparent;
}

.sms-button-primary {
    width: 100%;
    padding: 14px 16px;
    border: 0;
    border-radius: 14px;
    color: #071016;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
    background: linear-gradient(
        90deg,
        var(--sms-blue),
        var(--sms-cyan),
        var(--sms-green),
        var(--sms-yellow)
    );
}