@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");
:root {
--oz-maroon:        #7d1921;
--oz-maroon-dark:   #5a1018;
--oz-maroon-light:  #f9f0f1;
--oz-maroon-border: #e8c8cb;
--oz-white:         #ffffff;
--oz-bg:            #fdfbfb;
--oz-text:          #1a1a1a;
--oz-muted:         #6b6b6b;
--oz-border:        #e2e2e2;
--oz-radius:        12px;
--oz-radius-sm:     8px;
--oz-shadow:        0 8px 32px rgba(125, 25, 33, 0.10);
--oz-shadow-sm:     0 2px 10px rgba(0,0,0,0.06);
--oz-font-head:     'Plus Jakarta Sans', -apple-system, sans-serif;
--oz-font-body:     'Plus Jakarta Sans', -apple-system, sans-serif;
} .ozishield-container {
max-width: 640px;
margin: 40px auto;
padding: 40px 36px;
background: var(--oz-white);
border-radius: 20px;
border: 1px solid var(--oz-maroon-border);
box-shadow: var(--oz-shadow);
font-family: var(--oz-font-body);
} .ozishield-title {
font-family: var(--oz-font-head);
text-align: center;
font-size: 26px;
font-weight: 800;
color: var(--oz-maroon);
margin-bottom: 6px;
letter-spacing: -0.3px;
line-height: 1.25;
}
.ozishield-subtitle {
text-align: center;
font-size: 14px;
color: var(--oz-muted);
margin-bottom: 28px;
line-height: 1.6;
} .ozx-or {
display: flex;
align-items: center;
gap: 12px;
margin: 4px 0 14px;
font-size: 12px;
font-weight: 800;
color: var(--oz-maroon);
letter-spacing: 1px;
text-transform: uppercase;
}
.ozx-or::before,
.ozx-or::after {
content: '';
flex: 1;
height: 1px;
background: var(--oz-maroon-border);
} .ozishield-field {
margin-bottom: 16px;
}
.ozishield-field label,
.ozishield-form label {
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
font-weight: 800;
color: var(--oz-maroon);
letter-spacing: 0.8px;
text-transform: uppercase;
margin-bottom: 8px;
} .ozishield-field input[type="text"],
.ozishield-field input[type="url"],
.ozishield-field textarea,
.ozishield-form input[type="text"],
.ozishield-form input[type="url"],
.ozishield-form textarea,
#ozishield-url,
#ozishield-message {
width: 100%;
box-sizing: border-box;
padding: 13px 16px;
background: var(--oz-bg);
border: 1.5px solid var(--oz-border);
border-radius: var(--oz-radius-sm);
font-family: var(--oz-font-body);
font-size: 14.5px;
color: var(--oz-text);
transition: border-color 0.2s, box-shadow 0.2s;
outline: none;
display: block;
}
.ozishield-field input:focus,
.ozishield-field textarea:focus,
.ozishield-form input:focus,
.ozishield-form textarea:focus,
#ozishield-url:focus,
#ozishield-message:focus {
border-color: var(--oz-maroon);
background: var(--oz-white);
box-shadow: 0 0 0 3px rgba(125, 25, 33, 0.08);
}
.ozishield-field input::placeholder,
.ozishield-field textarea::placeholder,
#ozishield-url::placeholder,
#ozishield-message::placeholder {
color: #aaa;
font-size: 14px;
} .ozishield-field input[type="file"],
#ozishield-image {
width: 100%;
box-sizing: border-box;
padding: 10px 14px;
background: var(--oz-bg);
border: 1.5px dashed var(--oz-maroon-border);
border-radius: var(--oz-radius-sm);
font-family: var(--oz-font-body);
font-size: 13.5px;
color: var(--oz-muted);
cursor: pointer;
transition: border-color 0.2s, background 0.2s;
}
.ozishield-field input[type="file"]:hover,
#ozishield-image:hover {
border-color: var(--oz-maroon);
background: var(--oz-maroon-light);
} .ozishield-screenshot-note {
font-size: 12px;
color: var(--oz-muted);
margin-top: 6px;
line-height: 1.5;
}
.ozishield-screenshot-note strong {
color: var(--oz-maroon);
} .ozishield-btn,
#ozishield-scan-btn {
width: 100%;
padding: 15px;
background: var(--oz-maroon);
color: var(--oz-white);
font-family: var(--oz-font-body);
font-size: 15px;
font-weight: 800;
letter-spacing: 0.5px;
border: none;
border-radius: var(--oz-radius-sm);
cursor: pointer;
margin-top: 8px;
transition: background 0.2s, transform 0.1s, box-shadow 0.2s;
box-shadow: 0 4px 14px rgba(125, 25, 33, 0.25);
}
.ozishield-btn:hover,
#ozishield-scan-btn:hover {
background: var(--oz-maroon-dark);
box-shadow: 0 6px 20px rgba(125, 25, 33, 0.32);
transform: translateY(-1px);
}
.ozishield-btn:active,
#ozishield-scan-btn:active {
transform: translateY(0);
box-shadow: 0 2px 8px rgba(125, 25, 33, 0.2);
} #ozishield-loading {
text-align: center;
margin-top: 18px;
font-size: 13.5px;
color: var(--oz-muted);
} .ozishield-global-reporting {
margin-top: 24px;
padding: 16px 18px;
background: var(--oz-maroon-light);
border: 1px solid var(--oz-maroon-border);
border-radius: var(--oz-radius-sm);
font-size: 13.5px;
}
.ozishield-global-reporting h4 {
margin: 0 0 10px;
font-family: var(--oz-font-body);
font-size: 12px;
font-weight: 800;
color: var(--oz-maroon);
letter-spacing: 0.8px;
text-transform: uppercase;
}
.ozishield-global-reporting ul {
margin: 0;
padding-left: 16px;
line-height: 2;
}
.ozishield-global-reporting ul li {
color: var(--oz-text);
font-size: 13px;
}
.ozishield-global-reporting a {
color: var(--oz-maroon);
font-weight: 600;
text-decoration: none;
border-bottom: 1px dotted var(--oz-maroon);
}
.ozishield-global-reporting a:hover {
border-bottom-style: solid;
} .ozishield-disclaimer {
margin-top: 18px;
font-size: 12.5px;
color: var(--oz-muted);
line-height: 1.65;
padding: 14px 16px;
background: #fafafa;
border-radius: var(--oz-radius-sm);
border-left: 3px solid var(--oz-maroon-border);
}
.ozishield-disclaimer strong {
color: var(--oz-text);
} .ozishield-card {
margin-top: 24px;
border-radius: var(--oz-radius);
overflow: hidden;
box-shadow: var(--oz-shadow);
border: 1px solid var(--oz-border);
font-family: var(--oz-font-body);
}
.ozishield-card.safe       { border-color: #a5d6a7; }
.ozishield-card.suspicious { border-color: #ffcc80; }
.ozishield-card.danger     { border-color: #ef9a9a; }
.ozishield-card.unsafe     { border-color: #d32f2f; }
.ozishield-card-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 20px;
background: #f9f9f9;
border-bottom: 1px solid var(--oz-border);
}
.ozishield-status-text {
font-weight: 800;
font-size: 17px;
color: var(--oz-text);
}
.ozishield-score {
background: var(--oz-maroon);
color: #fff;
padding: 4px 14px;
border-radius: 20px;
font-weight: 800;
font-size: 13px;
} .ozishield-detail-item {
display: flex;
gap: 12px;
margin-bottom: 10px;
padding: 10px 14px;
background: #fafafa;
border-radius: 8px;
border-left: 3px solid var(--oz-border);
}
.ozishield-detail-text strong {
color: var(--oz-maroon);
display: block;
font-size: 13px;
margin-bottom: 3px;
}
.ozishield-detail-text p {
margin: 0;
font-size: 12.5px;
color: var(--oz-muted);
line-height: 1.5;
} .ozishield-feedback-btn {
margin-top: 14px;
padding: 9px 16px;
background: var(--oz-white);
color: var(--oz-maroon);
border: 1.5px solid var(--oz-maroon);
border-radius: var(--oz-radius-sm);
font-family: var(--oz-font-body);
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
}
.ozishield-feedback-btn:hover {
background: var(--oz-maroon);
color: var(--oz-white);
} .ozishield-geo-box {
margin-top: 12px;
padding: 12px 14px;
background: var(--oz-maroon-light);
border-radius: var(--oz-radius-sm);
font-size: 13.5px;
border: 1px solid var(--oz-maroon-border);
} @media (max-width: 680px) {
.ozishield-container {
margin: 16px;
padding: 24px 20px;
}
.ozishield-title {
font-size: 22px;
}
.ozishield-btn,
#ozishield-scan-btn {
font-size: 14px;
padding: 13px;
}
}.ozishield-phone-checker{
max-width:900px;
margin:40px auto;
background:#ffffff;
border-radius:12px;
padding:40px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
} .ozishield-phone-checker h2{
font-size:28px;
margin-bottom:10px;
color:#7a1732;
}
.ozishield-phone-checker p{
margin-bottom:20px;
color:#555;
} .ozishield-phone-search{
display:flex;
gap:12px;
margin-bottom:25px;
}
.ozishield-phone-search input{
flex:1;
padding:14px 16px;
font-size:16px;
border-radius:8px;
border:1px solid #ddd;
}
.ozishield-phone-search input:focus{
outline:none;
border-color:#7a1732;
} .ozishield-btn{
background:#7a1732;
color:white;
border:none;
padding:14px 24px;
font-size:16px;
border-radius:8px;
cursor:pointer;
transition:all .2s ease;
}
.ozishield-btn:hover{
background:#9e1d44;
} .ozishield-phone-checker hr{
margin:35px 0;
} #ozishield-phone-report-form{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}
#ozishield-phone-report-form textarea{
grid-column:1 / 3;
}
#ozishield-phone-report-form input,
#ozishield-phone-report-form select,
#ozishield-phone-report-form textarea{
padding:12px;
border-radius:8px;
border:1px solid #ddd;
font-size:15px;
}
#ozishield-phone-report-form textarea{
min-height:100px;
resize:vertical;
} #ozishield-phone-report-form button{
grid-column:1 / 3;
margin-top:10px;
} #ozishield-phone-results{
margin-top:20px;
} .ozishield-disclaimer{
margin-top:15px;
font-size:13px;
color:#777;
} @media (max-width:700px){
.ozishield-phone-search{
flex-direction:column;
}
#ozishield-phone-report-form{
grid-template-columns:1fr;
}
#ozishield-phone-report-form textarea,
#ozishield-phone-report-form button{
grid-column:auto;
}
}.ozxsccw-container{
position:fixed;
bottom:24px;
z-index:9999;
display:flex;
flex-direction:column;
gap:14px;
}
.ozxsccw-right{ right:24px; }
.ozxsccw-left{ left:24px; }
.ozxsccw-btn{
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
border:0;
padding:0 16px 0 14px;
box-shadow:0 10px 25px rgba(0,0,0,.22);
transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.ozxsccw-btn:hover{
transform:translateY(-3px);
box-shadow:0 14px 32px rgba(0,0,0,.30);
filter:saturate(1.05);
}
.ozxsccw-btn:focus{
outline:2px solid rgba(0,0,0,.35);
outline-offset:3px;
}
.ozxsccw-ico{
width:24px;
height:24px;
display:block;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
flex:0 0 24px;
} .ozxsccw-ico-call{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6.6 10.8c1.5 3 3.6 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.3 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1v3.5c0 .6-.4 1-1 1C10.1 21 3 13.9 3 5c0-.6.4-1 1-1H7.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.3 1L6.6 10.8z'/%3E%3C/svg%3E");
}
.ozxsccw-ico-chat{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath d='M16 3C8.8 3 3 8.2 3 14.6c0 3.4 1.7 6.6 4.6 8.8L6 29l5.9-3.2c1.3.4 2.7.6 4.1.6 7.2 0 13-5.2 13-11.8S23.2 3 16 3zm-4 12.5h8c.6 0 1 .4 1 1s-.4 1-1 1h-8c-.6 0-1-.4-1-1s.4-1 1-1zm0-4h12c.6 0 1 .4 1 1s-.4 1-1 1H12c-.6 0-1-.4-1-1s.4-1 1-1z'/%3E%3C/svg%3E");
}
.ozxsccw-label{
font-size:14px;
line-height:1;
white-space:nowrap;
opacity:.95;
font-weight:600;
} .ozxsccw-btn.small{ height:46px; }
.ozxsccw-btn.medium{ height:60px; }
.ozxsccw-btn.large{ height:74px; }
.ozxsccw-btn.small .ozxsccw-ico{ width:22px;height:22px; }
.ozxsccw-btn.large .ozxsccw-ico{ width:26px;height:26px; } .ozxsccw-shape-pill{ border-radius:999px; }
.ozxsccw-shape-rounded{ border-radius:16px; }
.ozxsccw-shape-square{ border-radius:6px; } .ozxsccw-style-solid{}
.ozxsccw-style-shadow{
box-shadow:0 16px 34px rgba(0,0,0,.32);
}
.ozxsccw-style-outline{
background:transparent !important;
border:2px solid currentColor;
box-shadow:none;
} .ozxsccw-pulse{
animation:ozxsccwPulse 2.2s infinite;
}
@keyframes ozxsccwPulse{
0%{ box-shadow:0 0 0 0 rgba(0,0,0,.25); }
70%{ box-shadow:0 0 0 14px rgba(0,0,0,0); }
100%{ box-shadow:0 0 0 0 rgba(0,0,0,0); }
} .ozxsccw-mobile-only{ display:none; }
@media (max-width:768px){
.ozxsccw-mobile-only{ display:flex; }
} .ozxsccw-relcard{
position:absolute;
width:320px;
max-width:calc(100vw - 24px);
background:#fff;
border:1px solid rgba(0,0,0,.12);
border-radius:14px;
box-shadow:0 18px 48px rgba(0,0,0,.20);
padding:0;
display:none;
z-index:10000;
}
.ozxsccw-relcard.is-open{ display:block; }
.ozxsccw-relcard-inner{
padding:14px;
}
.ozxsccw-relcard-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.ozxsccw-relcard-title{
font-size:14px;
font-weight:700;
color:#111;
}
.ozxsccw-relcard-close{
appearance:none;
border:0;
background:transparent;
font-size:22px;
line-height:1;
cursor:pointer;
color:#333;
padding:4px 8px;
border-radius:8px;
}
.ozxsccw-relcard-close:focus{
outline:2px solid rgba(0,0,0,.35);
outline-offset:2px;
}
.ozxsccw-relcard-desc{
margin-top:8px;
font-size:13px;
color:#444;
}
.ozxsccw-relcard-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:12px;
}
.ozxsccw-relbtn{
appearance:none;
border:1px solid rgba(0,0,0,.14);
background:#f7f7f7;
color:#111;
font-size:13px;
font-weight:600;
padding:10px 12px;
border-radius:10px;
cursor:pointer;
text-decoration:none;
display:inline-flex;
align-items:center;
justify-content:center;
}
.ozxsccw-relbtn:hover{
background:#f0f0f0;
}
.ozxsccw-relbtn:focus{
outline:2px solid rgba(0,0,0,.35);
outline-offset:2px;
}
.ozxsccw-relbtn-primary{
background:#111;
color:#fff;
border-color:#111;
}
.ozxsccw-relbtn-primary:hover{
background:#000;
}
.ozxsccw-relcard-toast{
margin-top:10px;
font-size:12px;
color:#111;
opacity:0;
transition:opacity .18s ease;
}
.ozxsccw-relcard-toast.is-visible{
opacity:1;
} @media (prefers-reduced-motion: reduce){
.ozxsccw-btn,
.ozxsccw-relcard-toast{
transition:none !important;
}
.ozxsccw-pulse{
animation:none !important;
}
}