/* Demo entry (landing) page — self-hosted Inter (variable, latin + latin-ext), no CDN. Loaded only by demo/login.blade.php. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.dl, .dl * { box-sizing: border-box; }
.dl { margin: 0; font-family: 'Inter', system-ui, sans-serif; color: #150E35; background: #ffffff; }
.dl a { color: #6416B8; }
.dl a:hover { color: #4A0F8C; }
.dl summary { list-style: none; cursor: pointer; }
.dl summary::-webkit-details-marker { display: none; }
.dl summary::after { content: "+"; float: right; font-size: 26px; line-height: 1; color: #6416B8; font-weight: 500; }
.dl details[open] summary::after { content: "\2013"; }
.dl input:focus, .dl select:focus { outline: 3px solid #C4A5F5; border-color: #6416B8; }
.dl .dl-field { display: flex; flex-direction: column; gap: 6px; }
.dl .dl-label { font-size: 14px; font-weight: 600; color: #150E35; }
.dl .dl-input { height: 48px; width: 100%; border: 1px solid #CFCBE0; border-radius: 10px; padding: 0 14px; font-size: 16px; font-family: inherit; color: #150E35; background: #ffffff; }
.dl .dl-input.is-invalid { border-color: #C62828; }
.dl .dl-phone { display: flex; flex-wrap: wrap; gap: 8px; }
.dl .dl-phone select { width: 56%; flex: none; min-width: 0; padding: 0 10px; }
.dl .dl-phone input { flex: 1; min-width: 0; width: auto; }
.dl .dl-err { font-size: 13px; line-height: 1.4; color: #C62828; }
.dl .dl-check { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; line-height: 1.5; color: #4F4A6B; cursor: pointer; }
.dl .dl-check input { flex: none; width: 18px; height: 18px; margin-top: 2px; accent-color: #6416B8; }
.dl .dl-submit { height: 52px; border: 0; border-radius: 10px; background: #6416B8; color: #ffffff; font-size: 17px; font-weight: 700; font-family: inherit; cursor: pointer; }
.dl .dl-submit:hover { background: #4A0F8C; }
.dl .dl-submit:disabled { opacity: .6; cursor: wait; }
.dl .dl-faq-a p { margin: 0 0 10px; }
.dl .dl-faq-a p:last-child { margin-bottom: 0; }
@media (max-width: 480px) { .dl .dl-phone select { width: 100%; } .dl h1 { font-size: 40px !important; } }