/* ==========================================================================
   NOVICOM — base stylesheet
   Loaded before css/landing.css (the design system). This file deliberately
   stays minimal: the legacy smartsender base was written for markup this
   brand does not use, so instead of overriding it we only keep a reset plus
   the few hooks that shared platform JS (blockUI, phone mask, validator)
   expects to exist.
   ========================================================================== */

@import url('fonts/fonts.css');

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    padding: 0;
    background: #0E1420;
    color: #E8EDF7;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

img, svg, video { max-width: 100%; height: auto; }
/* Icons in this design are stroke-drawn and set fill="none" on the element.
   Do not force a fill here — it turns every outline icon into a solid blob. */

a { color: inherit; }

button, input, select, textarea { font: inherit; color: inherit; }

h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd { margin: 0; }

table { border-collapse: collapse; }

/* --------------------------------------------------------------------------
   Platform JS hooks
   These class names are referenced by shared scripts in /js (blockUI dialogs,
   the phone-mask/`the-phone-relation` submit gate and the validator plugin).
   They must keep existing even though the visual styling lives in the design
   system stylesheet.
   -------------------------------------------------------------------------- */
.d-none { display: none !important; }
.text-center { text-align: center; }
.text-left { text-align: left; }

/* blockUI modal shell (used for validation dialogs on the auth forms) */
#question {
    background: #131B2B;
    border: 1px solid #23304A;
    border-radius: 8px;
    padding: 24px;
    color: #E8EDF7;
    text-align: center;
}
#question p { margin: 0 0 20px; font-size: 15px; line-height: 1.6; color: #8A98B4; }
.blockOverlay { background: #05070C !important; opacity: .72 !important; }
.blockMsg { border: 0 !important; background: transparent !important; }

/* reCAPTCHA container spacing (registration step) */
.g-recaptcha { margin: 4px 0 18px; }