.material-symbols-outlined {
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.scroll-section { scroll-margin-top: 5.75rem; }

.hero-dots {
    background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, .1) 1px, transparent 0);
    background-size: 24px 24px;
}

.hero-background-video {
    z-index: 0;
}

.hero-video-overlay {
    z-index: 1;
    background: linear-gradient(90deg, rgba(9, 30, 92, .76), rgba(9, 30, 92, .58));
}

.hero-dots > .relative {
    z-index: 2;
}

.hero-title-number {
    display: inline-block;
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum" 1;
    transform: scaleY(1.08);
    transform-origin: center bottom;
}

.music-visual {
    background-image:
        linear-gradient(rgba(9, 30, 92, .36), rgba(9, 30, 92, .5)),
        radial-gradient(circle at 20% 10%, rgba(254, 214, 91, .22), transparent 35%),
        repeating-linear-gradient(135deg, transparent 0 22px, rgba(255, 255, 255, .035) 22px 23px),
        url("g1.jpg");
    background-position: center;
    background-size: cover;
}

.field-label {
    display: block;
    margin-bottom: .5rem;
    color: #1b1c1c;
    font-family: Inter, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .05em;
    line-height: 20px;
}

.field-control {
    display: block;
    width: 100%;
    min-height: 2.75rem;
    border: 1px solid #c5c5d1;
    border-radius: .125rem;
    background: transparent;
    color: #1b1c1c;
    font-family: Inter, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.field-control:focus {
    border-color: #091e5c;
    outline: none;
    box-shadow: 0 0 0 1px #091e5c;
}

textarea.field-control { min-height: 7rem; }
input[type="file"].field-control { padding: 0; }

.field-help {
    margin-top: .4rem;
    color: #454650;
    font-family: Inter, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.field-error {
    margin-top: .4rem;
    color: #ba1a1a;
    font-size: 12px;
    line-height: 16px;
}

.field-control.field-invalid,
input.field-invalid {
    border-color: #ba1a1a !important;
}

.field-control.field-invalid:focus,
input.field-invalid:focus {
    box-shadow: 0 0 0 2px rgba(186, 26, 26, .2) !important;
}

.primary-action,
.secondary-action {
    min-width: 9rem;
    border: 1px solid transparent;
    border-radius: .125rem;
    padding: .75rem 2rem;
    font-family: Inter, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .05em;
    line-height: 20px;
    transition: background-color .15s, color .15s, opacity .15s;
}

.primary-action { color: #fff; background: #091e5c; }
.primary-action:hover:not(:disabled) { background: #243572; }
.primary-action:disabled { cursor: not-allowed; opacity: .58; }
.secondary-action { color: #091e5c; border-color: #757681; background: transparent; }
.secondary-action:hover { background: #f5f3f3; }

.summary-label {
    color: #454650;
    font-family: Inter, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .05em;
    line-height: 16px;
    text-transform: uppercase;
}

.notification-panel { border-radius: .25rem; }

.loading-spinner {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255, 255, 255, .4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin .7s linear infinite;
}

.honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

@keyframes spin { to { transform: rotate(360deg); } }

@media (max-width: 767px) {
    .scroll-section { scroll-margin-top: 5rem; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}