html,
body,
body#error-page {
width: 100%;
max-width: none;
min-height: 100%;
margin: 0;
padding: 0;
border: 0;
background: #00050f;
color: #f7f7fb;
}
body#error-page {
display: grid;
min-height: 100vh;
place-items: center;
overflow-x: hidden;
}
body#error-page .wp-die-message {
width: 100%;
margin: 0;
}
.locktura-firewall-screen {
padding: 0;
background: #00050f;
}
.locktura-firewall-inline-8 {
--lt-bg: #00050f;
--lt-bg-2: #06101d;
--lt-panel: #07111e;
--lt-panel-2: #0a1421;
--lt-panel-3: #0d1723;
--lt-line: #1d2937;
--lt-line-soft: rgba(255, 255, 255, .07);
--lt-text: #f7f7fb;
--lt-muted: #a8afbd;
--lt-soft: #d6d8de;
--lt-purple: #7f35ff;
--lt-green: #80d040;
--lt-red: #ef4444;
--lt-blue-soft: #9fc4ff;
position: fixed;
inset: 0;
z-index: 2147483647;
display: grid;
min-height: 100vh;
place-items: center;
width: 100%;
overflow: auto;
padding: 24px;
background:
radial-gradient(circle at 82% 10%, rgba(127, 53, 255, .12), transparent 26rem),
linear-gradient(135deg, #00050f 0%, #06101d 100%);
color: var(--lt-text);
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
line-height: 1.45;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.locktura-firewall-inline-8 *,
.locktura-firewall-inline-8 *::before,
.locktura-firewall-inline-8 *::after {
box-sizing: border-box;
}
.locktura-firewall-inline-2 {
width: min(760px, 100%);
overflow: hidden;
border: 1px solid var(--lt-line);
border-radius: 8px;
background:
linear-gradient(145deg, rgba(8, 18, 31, .96), rgba(5, 12, 23, .99)),
var(--lt-panel);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02), 0 28px 80px rgba(0, 0, 0, .32);
}
.locktura-firewall-inline-hdr,
.locktura-firewall-inline-ftr {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
min-height: 58px;
padding: 16px 18px;
border-bottom: 1px solid rgba(116, 139, 168, .22);
background: rgba(0, 5, 15, .18);
color: #e8eef8;
font-size: 11px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
}
.locktura-firewall-inline-dot {
width: 9px;
height: 9px;
border-radius: 8px;
background: var(--lt-purple);
box-shadow: 0 0 16px rgba(127, 53, 255, .60);
}
.locktura-firewall-inline-hdr-sep {
color: #748ba8;
}
.locktura-firewall-inline-hdr-id {
margin-left: auto;
color: var(--lt-blue-soft);
font-family: Consolas, Monaco, "Courier New", monospace;
font-weight: 700;
}
.locktura-firewall-inline-hdr-statuses {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 18px;
margin-left: auto;
color: #d6d8de;
}
.locktura-firewall-inline-hdr-statuses > span {
display: inline-flex;
align-items: center;
gap: 16px;
white-space: nowrap;
}
.locktura-firewall-inline-hdr-statuses .locktura-firewall-status-dot {
margin-right: 6px;
}
.locktura-firewall-inline-body {
display: grid;
gap: 16px;
padding: 22px 24px 24px;
}
.locktura-firewall-inline-3 {
margin: 0;
color: #fff;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: clamp(28px, 3vw, 32px);
font-weight: 700;
line-height: 1.08;
letter-spacing: 0;
text-transform: uppercase;
}
.locktura-firewall-inline-4 {
display: grid;
grid-template-columns: 128px minmax(0, 1fr);
gap: 12px;
align-items: center;
width: 100%;
margin: 0;
padding: 11px 13px;
border: 1px solid rgba(239, 68, 68, .30);
border-radius: 8px;
background: rgba(239, 68, 68, .08);
color: #ffb0b5;
font-size: 12px;
font-weight: 700;
line-height: 1.28;
}
.locktura-firewall-inline-4 span {
color: #d6d8de;
font-size: 11px;
font-weight: 800;
letter-spacing: 0;
text-transform: uppercase;
}
.locktura-firewall-inline-4 strong {
min-width: 0;
color: #ff7b83;
font-family: Consolas, Monaco, "Courier New", monospace;
font-size: 12px;
overflow-wrap: anywhere;
}
.locktura-firewall-inline-details {
display: grid;
gap: 7px;
min-width: 0;
padding: 15px 16px;
border: 1px solid rgba(116, 139, 168, .18);
border-radius: 8px;
background: rgba(0, 5, 15, .28);
}
.locktura-firewall-detail-row {
display: grid;
grid-template-columns: 104px minmax(0, 1fr);
gap: 12px;
align-items: start;
min-width: 0;
margin: 0;
padding: 0;
border: 0;
background: transparent;
color: #e8eef8;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.38;
white-space: normal;
}
.locktura-firewall-inline-details code {
display: block;
min-width: 0;
margin: 2px 0 0;
padding: 9px 0 0;
border: 0;
border-top: 1px solid rgba(116, 139, 168, .18);
background: transparent;
color: #eef4ff;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.45;
white-space: normal;
}
.locktura-firewall-detail-label {
color: var(--lt-blue-soft);
font-weight: 600;
letter-spacing: 0;
text-transform: uppercase;
}
.locktura-firewall-detail-value,
.locktura-firewall-inline-details code {
overflow-wrap: anywhere;
word-break: break-word;
}
.locktura-firewall-detail-value {
color: #f7f7fb;
}
.locktura-firewall-inline-meta {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 10px;
align-items: start;
padding: 2px 0 0;
color: #c7d3e6;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
}
.locktura-firewall-inline-meta::after {
content: "";
display: block;
height: 1px;
margin: 16px -24px 0;
background: rgba(116, 139, 168, .22);
}
.locktura-firewall-inline-meta > .locktura-firewall-meta-item {
display: flex;
align-items: flex-start;
gap: 0;
min-width: 0;
padding: 10px 0 0;
border: 0;
border-top: 1px solid rgba(116, 139, 168, .14);
background: transparent;
color: #9caac1;
overflow-wrap: anywhere;
}
.locktura-firewall-inline-meta > .locktura-firewall-meta-item:first-child {
padding-top: 0;
border-top: 0;
}
.locktura-firewall-meta-label {
display: inline-block;
flex: 0 0 86px;
width: 86px;
margin-right: 18px;
color: #748ba8;
font-size: 11px;
font-weight: 800;
line-height: 1.1;
letter-spacing: 0;
text-transform: uppercase;
}
.locktura-firewall-inline-meta strong {
display: inline-block;
flex: 1 1 auto;
min-width: 0;
color: #fff;
font-family: Consolas, Monaco, "Courier New", monospace;
font-size: 13px;
font-weight: 800;
line-height: 1.38;
overflow-wrap: anywhere;
}
.locktura-firewall-inline-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 12px;
}
.locktura-firewall-inline-actions .locktura-firewall-inline-7 {
margin: 0;
}
.locktura-firewall-inline-7 {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
min-height: 34px;
margin: 0 auto;
padding: 0 12px;
border: 1px solid rgba(127, 53, 255, .38);
border-radius: 7px;
background: rgba(62, 24, 112, .72);
color: #b985ff;
font-size: 11px;
font-weight: 600;
letter-spacing: 0;
text-decoration: none;
text-transform: uppercase;
}
.locktura-firewall-inline-7:hover,
.locktura-firewall-inline-7:focus {
border-color: rgba(127, 53, 255, .78);
background:
linear-gradient(180deg, rgba(127, 53, 255, .28), rgba(127, 53, 255, .12)),
rgba(7, 17, 30, .92);
color: #d5c0ff;
outline: none;
}
.locktura-firewall-inline-7:focus-visible {
box-shadow: 0 0 0 2px rgba(127, 53, 255, .32);
}
.locktura-firewall-inline-ftr {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
padding-top: 13px;
padding-bottom: 13px;
border-top: 1px solid rgba(116, 139, 168, .22);
border-bottom: 0;
background: rgba(0, 5, 15, .22);
}
.locktura-firewall-inline-ftr > span {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
min-height: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: #d6d8de;
font-size: 10px;
font-weight: 800;
letter-spacing: 0;
text-align: left;
text-transform: uppercase;
}
.locktura-firewall-status-dot {
display: inline-block;
flex: 0 0 7px;
width: 7px;
height: 7px;
margin-right: 4px;
border-radius: 7px;
background: var(--lt-green);
box-shadow: 0 0 10px rgba(128, 208, 64, .45);
} .locktura-nbs-challenge .locktura-firewall-inline-body {
gap: 14px;
}
.locktura-nbs-challenge .locktura-nbs-status {
border-color: rgba(127, 53, 255, .34);
background: rgba(127, 53, 255, .09);
}
.locktura-nbs-challenge .locktura-nbs-status strong {
color: #c5a3ff;
}
.locktura-nbs-challenge .locktura-nbs-status.ok {
border-color: rgba(128, 208, 64, .34);
background: rgba(128, 208, 64, .08);
}
.locktura-nbs-challenge .locktura-nbs-status.ok strong {
color: #a7e878;
}
.locktura-nbs-challenge .locktura-nbs-status.error {
border-color: rgba(239, 68, 68, .34);
background: rgba(239, 68, 68, .08);
}
.locktura-nbs-challenge .locktura-nbs-status.error strong {
color: #ff7b83;
}
.locktura-nbs-progress {
height: 6px;
overflow: hidden;
border: 1px solid rgba(116, 139, 168, .20);
border-radius: 999px;
background: rgba(0, 5, 15, .48);
}
.locktura-nbs-progress-bar {
display: block;
height: 100%;
width: 0;
border-radius: inherit;
background: linear-gradient(90deg, #6322d4, #9254ff);
box-shadow: 0 0 16px rgba(127, 53, 255, .48);
transition: width .28s ease;
}
.locktura-nbs-progress-0 { width: 0; }
.locktura-nbs-progress-25 { width: 25%; }
.locktura-nbs-progress-50 { width: 50%; }
.locktura-nbs-progress-75 { width: 75%; }
.locktura-nbs-progress-100 { width: 100%; }
.locktura-nbs-checks {
gap: 0;
padding-top: 4px;
padding-bottom: 4px;
}
.locktura-nbs-check {
grid-template-columns: 12px minmax(0, 1fr) auto;
gap: 11px;
align-items: center;
padding: 11px 0;
border-top: 1px solid rgba(116, 139, 168, .14);
}
.locktura-nbs-check:first-child {
border-top: 0;
}
.locktura-nbs-check-dot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 999px;
background: #4b586b;
box-shadow: none;
}
.locktura-nbs-check.act .locktura-nbs-check-dot {
background: var(--lt-purple);
box-shadow: 0 0 12px rgba(127, 53, 255, .58);
}
.locktura-nbs-check.pass .locktura-nbs-check-dot {
background: var(--lt-green);
box-shadow: 0 0 10px rgba(128, 208, 64, .45);
}
.locktura-nbs-check-name {
color: #e8eef8;
font-size: 12px;
font-weight: 600;
}
.locktura-nbs-check-state {
color: #748ba8;
font-family: Consolas, Monaco, "Courier New", monospace;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
}
.locktura-nbs-check.act .locktura-nbs-check-state { color: #b985ff; }
.locktura-nbs-check.pass .locktura-nbs-check-state { color: #a7e878; }
.locktura-nbs-error {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px 13px;
border: 1px solid rgba(239, 68, 68, .34);
border-radius: 8px;
background: rgba(239, 68, 68, .08);
color: #ffb0b5;
font-size: 12px;
font-weight: 700;
}
.locktura-nbs-error[hidden] {
display: none;
}
.locktura-nbs-error .locktura-firewall-inline-7 {
margin: 0;
cursor: pointer;
}
@media (max-width: 640px) {
.locktura-firewall-inline-8 {
padding: 14px;
}
.locktura-firewall-inline-hdr,
.locktura-firewall-inline-body,
.locktura-firewall-inline-ftr {
padding-right: 16px;
padding-left: 16px;
}
.locktura-firewall-inline-meta::after {
margin-right: -16px;
margin-left: -16px;
}
.locktura-firewall-inline-hdr-id {
width: 100%;
margin-left: 0;
}
.locktura-firewall-inline-hdr-statuses {
width: 100%;
justify-content: flex-start;
margin-left: 0;
}
.locktura-firewall-detail-row {
grid-template-columns: minmax(0, 1fr);
gap: 2px;
}
.locktura-firewall-inline-4 {
grid-template-columns: minmax(0, 1fr);
gap: 4px;
}
.locktura-firewall-inline-ftr {
grid-template-columns: minmax(0, 1fr);
text-align: left;
}
.locktura-nbs-check {
grid-template-columns: 12px minmax(0, 1fr);
}
.locktura-nbs-check-state {
grid-column: 2;
}
}