/* ScamRadar WOW pack 01: landing page and real checker, EN/PL neutral. */
.sr-shell {
 position:relative;overflow:clip;
 background:radial-gradient(ellipse 78% 38% at 48% -8%,rgba(57,104,195,.24),transparent 73%),
 radial-gradient(ellipse 50% 40% at 95% 12%,rgba(113,84,198,.11),transparent 80%),#060e19;
}
.sr-hero {
 padding-block:clamp(5.2rem,8vw,8.7rem) clamp(5.2rem,8vw,8rem);
 background:radial-gradient(ellipse 58% 80% at 77% 29%,rgba(37,155,224,.115),transparent 73%),
 radial-gradient(ellipse 42% 67% at 18% 45%,rgba(83,77,165,.095),transparent 80%);
 border-bottom:1px solid rgba(142,211,248,.055)
}
.sr-hero::before {
 opacity:.57;
 background-image:linear-gradient(rgba(146,209,248,.024) 1px,transparent 1px),
 linear-gradient(90deg,rgba(146,209,248,.024) 1px,transparent 1px);
 background-size:64px 64px
}
.sr-hero::after {
 width:780px;height:780px;right:-290px;top:-300px;
 background:radial-gradient(circle,rgba(66,197,255,.14),rgba(125,93,244,.048) 44%,transparent 65%)
}
.sr-hero-grid {
 width:min(1280px,100%);grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
 gap:clamp(2rem,5vw,5.3rem)
}
.sr-hero-copy {position:relative;z-index:2;min-width:0}
.sr-kicker {
 padding:.68rem 1rem;border:1px solid rgba(116,219,255,.3);
 border-radius:999px;background:linear-gradient(95deg,rgba(43,112,150,.25),rgba(63,60,125,.13));
 color:#c7f1ff;letter-spacing:.115em;box-shadow:inset 0 1px rgba(255,255,255,.07)
}
.sr-kicker-dot {
 width:8px;height:8px;flex:0 0 auto;
 box-shadow:0 0 0 4px rgba(71,215,255,.085),0 0 20px rgba(71,215,255,.52)
}
.sr-hero h1 {
 max-width:780px;font-size:clamp(3.15rem,6.6vw,6.4rem);
 line-height:1.01;font-weight:890;letter-spacing:-.067em;
 color:#fff;text-shadow:0 8px 45px rgba(23,71,119,.16)
}
.sr-lead {
 max-width:620px;margin-top:1.7rem;font-size:clamp(1.08rem,1.7vw,1.25rem);
 line-height:1.75;color:#c0d0e0
}
.sr-checker {
 position:relative;isolation:isolate;width:min(820px,100%);margin-top:2.15rem;
 padding:1rem;border:1px solid rgba(146,217,255,.32);border-radius:27px;
 background:radial-gradient(circle at 100% 0%,rgba(77,110,211,.11),transparent 56%),
 linear-gradient(160deg,rgba(16,42,67,.93),rgba(9,22,39,.97));
 box-shadow:0 35px 100px rgba(0,4,14,.45),inset 0 1px rgba(255,255,255,.08);
 transition:border-color .22s ease,box-shadow .22s ease
}
.sr-checker:focus-within {
 border-color:rgba(104,223,255,.7);
 box-shadow:0 35px 100px rgba(0,4,14,.45),0 0 0 4px rgba(73,211,255,.07)
}
.sr-checker-main {gap:.75rem}
.sr-checker textarea {
 min-height:66px;padding:1.1rem 1.2rem;
 font-size:1.02rem;line-height:1.5;color:#fff
}
.sr-checker textarea::placeholder {color:#a2bacd}
.sr-checker-main>button {
 min-height:60px;border:1px solid rgba(209,247,255,.62);
 border-radius:17px;padding-inline:1.55rem;
 background:linear-gradient(125deg,#7cecff 0%,#9bc9ff 58%,#bbabff 100%);
 box-shadow:0 14px 38px rgba(75,194,245,.17);font-weight:840;
 transition:transform .22s ease,box-shadow .22s ease,filter .22s ease
}
.sr-checker-main>button:hover {
 transform:translateY(-2px);
 box-shadow:0 18px 40px rgba(75,194,245,.25)
}
.sr-checker .sr-checker-modes button {
 min-height:39px;padding-inline:.95rem;color:#b7cddd;
 border-color:rgba(154,217,247,.21);background:rgba(255,255,255,.035)
}
.sr-checker .sr-checker-modes button[aria-pressed=true] {
 border-color:rgba(101,227,255,.55);
 background:rgba(101,227,255,.15);color:#eaffff;
 box-shadow:inset 0 1px rgba(255,255,255,.075)
}
.sr-input-types {gap:.42rem;padding-top:.85rem}
.sr-input-types span {
 border-color:rgba(156,210,249,.17);padding:.34rem .65rem;
 background:rgba(104,146,202,.075);color:#bdd0df;font-weight:640
}
.sr-lens {border-top-color:rgba(149,216,247,.15)}
.sr-checker .sr-lens-button {
 border-radius:13px;border-color:rgba(153,219,255,.31);
 background:rgba(100,166,214,.11);color:#e3f5ff;
 transition:background .18s ease,border-color .18s ease,transform .18s ease
}
.sr-checker .sr-lens-button:hover {
 border-color:rgba(150,235,255,.53);
 background:rgba(100,194,237,.18);transform:translateY(-1px)
}
.sr-lens-status,.sr-lens-privacy {color:#afc5d5}
.sr-trust-row {margin-top:1.5rem;gap:.7rem .75rem}
.sr-trust-row span {
 padding:.5rem .78rem;border:1px solid rgba(129,197,241,.15);
 border-radius:999px;background:rgba(18,42,67,.54);
 color:#d0e3f0;font-weight:650
}
.sr-case-lookup {
 border-color:rgba(134,205,244,.22);
 background:rgba(13,32,52,.64);border-radius:15px
}
/* Decorative radar, never a fake live threat signal. */
.sr-visual {width:min(500px,100%);isolation:isolate}
.sr-visual::before {
 content:"";position:absolute;inset:5%;z-index:-1;border-radius:50%;
 background:radial-gradient(circle at 47% 44%,rgba(68,175,232,.15),transparent 62%),
 conic-gradient(from 44deg,transparent 0deg,rgba(114,200,255,.08) 55deg,transparent 98deg,
 transparent 212deg,rgba(147,111,255,.1) 256deg,transparent 310deg);
 filter:blur(5px)
}
.sr-visual::after {
 content:"";position:absolute;inset:-6%;border:1px solid rgba(140,212,250,.08);
 border-radius:50%;pointer-events:none
}
.sr-globe {
 width:71%;border-color:rgba(137,221,255,.36);
 background:radial-gradient(circle at 32% 25%,rgba(129,238,255,.28),transparent 22%),
 radial-gradient(circle at 67% 73%,rgba(144,108,255,.29),transparent 32%),
 radial-gradient(circle at 50% 40%,#173955 0%,#0b253e 46%,#050f1d 88%);
 box-shadow:inset -34px -28px 65px rgba(0,1,12,.6),
 inset 12px 10px 35px rgba(111,214,255,.12),
 0 0 0 16px rgba(96,179,255,.024),0 0 88px rgba(56,176,245,.19)
}
.sr-globe-grid {opacity:.63}
.sr-orbit {border-color:rgba(166,226,255,.22)}
.sr-float-card {
 width:196px;padding:1rem 1.05rem;border-color:rgba(178,223,252,.28);
 border-radius:19px;background:linear-gradient(150deg,rgba(27,57,88,.9),rgba(9,25,44,.93));
 box-shadow:0 24px 65px rgba(0,6,18,.39),inset 0 1px rgba(255,255,255,.07)
}
.sr-float-card strong {font-size:.94rem;color:#fff}
.sr-float-card small {color:#bfd2e0}
@media (max-width:1060px) {
 .sr-hero-grid {grid-template-columns:minmax(0,1fr) minmax(260px,.74fr)}
 .sr-hero h1 {font-size:clamp(3rem,6.6vw,5.3rem)}
}
@media (max-width:960px) {
 .sr-hero-grid {grid-template-columns:minmax(0,1fr)}
 .sr-hero-copy {max-width:780px}
 .sr-visual {width:min(440px,85vw);margin-top:.4rem}
}
@media (max-width:700px) {
 .sr-hero {padding:3.9rem 18px 4.8rem}
 .sr-hero h1 {font-size:clamp(2.7rem,13vw,4.5rem)}
 .sr-checker {padding:.75rem;border-radius:22px}
 .sr-checker-main {grid-template-columns:1fr}
 .sr-checker-main>button {width:100%;min-height:54px}
 .sr-lens-actions {grid-template-columns:repeat(2,minmax(0,1fr))}
 .sr-visual {width:min(420px,92vw)}
}
@media (max-width:460px) {
 .sr-hero h1 {font-size:clamp(2.55rem,12.5vw,3.65rem)}
 .sr-float-card {width:min(153px,43vw);padding:.75rem}
 .sr-trust-row {display:flex;gap:.45rem}
 .sr-trust-row span {font-size:.74rem;padding:.48rem .62rem}
}
@media (hover:none) {
 .sr-checker-main>button:hover,.sr-checker .sr-lens-button:hover {transform:none}
}