/*
 * SMT brand overrides — #263586 navy / #3a4fbf mid-blue / #8e9adb light accent
 * Font: Roboto Condensed (headings), Roboto (body) — matches smt.network
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&family=Roboto:wght@300;400;500;700&display=swap');

body {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

.main-title {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif;
    text-shadow:
        -2px -2px 0 #1a2460,
         2px -2px 0 #1a2460,
        -2px  2px 0 #1a2460,
         2px  2px 0 #1a2460,
        0 0 20px rgba(142, 154, 219, 0.8),
        0 0 40px rgba(142, 154, 219, 0.5),
        0 0 60px rgba(142, 154, 219, 0.3);
}

.subtitle {
    font-family: 'Roboto', sans-serif;
}

/* Glass card */
.glass-card {
    border-color: rgba(38, 53, 134, 0.6);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4),
                inset 0 0 32px rgba(142, 154, 219, 0.05),
                0 0 60px rgba(38, 53, 134, 0.25);
}

/* Primary buttons */
.btn-futuristic {
    background: linear-gradient(135deg, #263586, #1a2460);
    box-shadow: 0 4px 15px rgba(38, 53, 134, 0.5),
                inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.btn-futuristic:hover {
    box-shadow: 0 8px 25px rgba(38, 53, 134, 0.7),
                0 0 30px rgba(142, 154, 219, 0.3);
}

/* Outline buttons */
.btn-futuristic-outline {
    border-color: rgba(38, 53, 134, 0.7);
    color: #8e9adb;
    background: rgba(38, 53, 134, 0.15);
    box-shadow: 0 0 15px rgba(38, 53, 134, 0.2),
                inset 0 0 15px rgba(38, 53, 134, 0.1);
}
.btn-futuristic-outline:hover {
    background: rgba(38, 53, 134, 0.35);
    border-color: #8e9adb;
    color: #fff;
    box-shadow: 0 0 25px rgba(142, 154, 219, 0.4),
                inset 0 0 25px rgba(142, 154, 219, 0.1);
}

/* Modals */
.modal-content {
    border-color: rgba(38, 53, 134, 0.5);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5),
                0 0 40px rgba(38, 53, 134, 0.25);
}
.modal-header {
    border-bottom-color: rgba(142, 154, 219, 0.2);
}
.modal-title {
    color: #8e9adb;
    text-shadow: 0 0 10px rgba(142, 154, 219, 0.5);
}

/* Particles */
.particle {
    background: rgba(142, 154, 219, 0.4);
    box-shadow: 0 0 6px rgba(142, 154, 219, 0.3);
}

/* Help button */
.btn-help {
    border-color: rgba(142, 154, 219, 0.5);
    color: #8e9adb;
}
.btn-help:hover {
    background: rgba(142, 154, 219, 0.2);
    border-color: #8e9adb;
    box-shadow: 0 0 15px rgba(142, 154, 219, 0.3);
}

/* Form controls */
.form-control:focus {
    border-color: #8e9adb;
    box-shadow: 0 0 20px rgba(142, 154, 219, 0.3);
}

/* Horizontal rules */
hr {
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.8),
                0 0 30px rgba(255, 255, 255, 0.5),
                0 0 45px rgba(142, 154, 219, 0.3);
}