:root{
  --svx-bg:#050914;
  --svx-panel:rgba(7,14,30,.72);
  --svx-line:rgba(0,229,255,.18);
  --svx-text:#f2f8ff;
  --svx-muted:#a9b8ca;
  --svx-cy:#00e5ff;
  --svx-pu:#8b5cf6;
  --svx-aq:#00ffb4;
  --svx-blue:#2f8cff;
  --svx-pink:#ff4fd8;
}
*{box-sizing:border-box}
body{background:#050914;color:var(--svx-text)}
.svx-page{position:relative;z-index:2;max-width:1500px;margin:0 auto;padding:30px clamp(16px,3vw,42px) 22px;color:var(--svx-text);font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.svx-page:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 78% 12%,rgba(0,229,255,.10),transparent 32%),radial-gradient(circle at 18% 35%,rgba(139,92,246,.13),transparent 38%),linear-gradient(180deg,rgba(3,6,14,.15),rgba(3,6,14,.9));pointer-events:none}
.svx-page:after{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(0,229,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.035) 1px,transparent 1px);background-size:92px 92px;mask-image:radial-gradient(circle at center,#000 0 36%,transparent 78%);opacity:.35;pointer-events:none}
.svx-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:#61f4ff;font-size:.74rem;font-weight:900;letter-spacing:.28em;text-transform:uppercase}.svx-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--svx-cy);box-shadow:0 0 16px var(--svx-cy)}.svx-kicker-small{font-size:.68rem;letter-spacing:.32em}
.svx-hero,.svx-section,.svx-manifest,.svx-feature-strip{border:1px solid var(--svx-line);border-radius:26px;background:linear-gradient(135deg,rgba(8,15,33,.82),rgba(7,10,25,.66));box-shadow:0 26px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045)}
.svx-hero{position:relative;display:grid;grid-template-columns:minmax(360px,.72fr) minmax(520px,1fr);gap:32px;align-items:center;min-height:470px;padding:clamp(34px,5vw,62px);overflow:hidden}.svx-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 26% 50%,rgba(0,229,255,.13),transparent 36%),radial-gradient(circle at 88% 18%,rgba(139,92,246,.20),transparent 44%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 58%);pointer-events:none}.svx-hero-copy,.svx-hero-visual{position:relative;z-index:2}.svx-hero h1{margin:0 0 24px;font-family:'Syne','Inter',system-ui,sans-serif;font-size:clamp(3.2rem,5.7vw,6.35rem);line-height:.86;letter-spacing:-.075em;font-weight:950;color:#fff;text-shadow:0 0 34px rgba(0,229,255,.12)}.svx-hero h1 span{background:linear-gradient(135deg,#85efff 0%,#1197ff 50%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.svx-hero h1 em{font-style:normal;background:linear-gradient(135deg,#fff 0%,#c9b8ff 45%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.svx-hero p{max-width:585px;margin:0;color:#cad7e7;font-size:1.04rem;line-height:1.78}.svx-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.svx-btn,.svx-card-actions a,.svx-card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 20px;border-radius:13px;border:1px solid rgba(0,229,255,.22);background:rgba(8,15,32,.72);color:#e9f8ff;text-decoration:none;font-weight:900;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.svx-btn:hover,.svx-card-actions a:hover,.svx-card-actions button:hover{transform:translateY(-2px);border-color:rgba(0,229,255,.58);box-shadow:0 16px 40px rgba(0,229,255,.13);text-decoration:none}.svx-btn-primary,.svx-card-actions a.svx-open-link{background:linear-gradient(135deg,#00dfff,#8b5cf6);border:0;color:#04101c;box-shadow:0 14px 38px rgba(0,229,255,.22)}.svx-btn-ghost{background:rgba(255,255,255,.035)}.svx-hero-visual{display:flex;align-items:center;justify-content:center;min-height:350px}.svx-hero-visual img{width:100%;max-width:680px;height:auto;object-fit:contain;filter:drop-shadow(0 0 34px rgba(0,229,255,.20));animation:svxFloat 7s ease-in-out infinite}@keyframes svxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.svx-section{margin-top:28px;padding:34px}.svx-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.55fr);gap:32px;align-items:start;margin-bottom:26px}.svx-section h2{font-family:'Syne','Inter',system-ui,sans-serif;font-size:clamp(2.1rem,3.25vw,3.35rem);line-height:1;margin:0;letter-spacing:-.055em}.svx-section-head p{margin:5px 0 0;color:#bbc8d9;line-height:1.65}.svx-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.svx-tool-card{--accent:#00e5ff;--accentSoft:rgba(0,229,255,.16);position:relative;min-height:285px;padding:26px 24px 24px;border:1px solid rgba(255,255,255,.085);border-radius:22px;background:radial-gradient(circle at 18% 12%,var(--accentSoft),transparent 42%),linear-gradient(180deg,rgba(8,15,34,.86),rgba(6,10,24,.76));overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.svx-tool-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent),white 10%);box-shadow:0 22px 60px rgba(0,0,0,.34),0 0 32px var(--accentSoft)}.svx-tool-card:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.55}.svx-card-icon{width:76px;height:76px;border-radius:19px;display:grid;place-items:center;margin-bottom:18px;background:rgba(0,229,255,.065);border:1px solid color-mix(in srgb,var(--accent),transparent 55%);box-shadow:0 0 24px var(--accentSoft)}.svx-card-icon svg{width:47px;height:47px;fill:none;stroke:var(--accent);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px var(--accent))}.svx-card-label{position:absolute;right:22px;top:25px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent),transparent 86%);border:1px solid color-mix(in srgb,var(--accent),transparent 65%);color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:.12em}.svx-tool-card h3{font-family:'Syne','Inter',system-ui,sans-serif;font-size:1.42rem;line-height:1.08;margin:0 0 10px;color:#fff;letter-spacing:-.03em}.svx-tool-card p{margin:0;color:#b5c4d7;line-height:1.58;min-height:74px}.svx-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 20px}.svx-tags small{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.07);color:#b8c6d8;font-size:.76rem}.svx-card-actions{display:flex;gap:10px;flex-wrap:wrap}.svx-card-actions a,.svx-card-actions button{min-height:40px;padding:9px 15px;border-radius:10px;font-size:.86rem}.svx-accent-cyan{--accent:#2f8cff;--accentSoft:rgba(47,140,255,.20)}.svx-accent-purple{--accent:#9b5cff;--accentSoft:rgba(155,92,255,.20)}.svx-accent-blue{--accent:#35dfff;--accentSoft:rgba(53,223,255,.18)}.svx-accent-electric{--accent:#23d7ff;--accentSoft:rgba(35,215,255,.20)}.svx-accent-aqua{--accent:#00ffc2;--accentSoft:rgba(0,255,194,.18)}.svx-accent-pink{--accent:#ff4fa6;--accentSoft:rgba(255,79,166,.18)}
.svx-manifest{margin-top:28px;display:grid;grid-template-columns:240px minmax(280px,.9fr) minmax(360px,1.2fr);gap:28px;align-items:center;padding:26px 34px;overflow:hidden;background:radial-gradient(circle at 0 50%,rgba(0,229,255,.14),transparent 30%),radial-gradient(circle at 100% 50%,rgba(139,92,246,.20),transparent 40%),linear-gradient(135deg,rgba(8,15,32,.86),rgba(7,10,24,.70))}.svx-manifest-art img{width:100%;max-width:240px;display:block;filter:drop-shadow(0 0 28px rgba(0,229,255,.22))}.svx-manifest h2{font-family:'Syne','Inter',system-ui,sans-serif;font-size:clamp(1.8rem,2.7vw,2.8rem);line-height:1.08;margin:0;letter-spacing:-.05em}.svx-manifest-points{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;color:#c9d5e6;line-height:1.55}.svx-manifest-points div{position:relative;padding-left:30px}.svx-manifest-points div:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#00e5ff,#2f8cff);display:grid;place-items:center;font-size:.78rem;font-weight:900;color:white}.svx-feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:18px;overflow:hidden}.svx-feature-strip div{padding:24px 28px;border-right:1px solid rgba(255,255,255,.08)}.svx-feature-strip div:last-child{border-right:0}.svx-feature-strip svg{width:48px;height:48px;fill:none;stroke:#14dfff;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px rgba(0,229,255,.8));margin-bottom:10px}.svx-feature-strip b{display:block;color:#fff;font-size:1.04rem;margin-bottom:6px}.svx-feature-strip p{margin:0;color:#aab8cb;line-height:1.45;font-size:.9rem}
.svx-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,14,.76);backdrop-filter:blur(18px)}.svx-modal.svx-open{display:flex}.svx-modal-box{width:min(680px,94vw);max-height:86vh;overflow:auto;border-radius:25px;background:linear-gradient(135deg,rgba(10,17,35,.98),rgba(17,11,42,.98));border:1px solid rgba(0,229,255,.22);box-shadow:0 40px 140px rgba(0,0,0,.62),0 0 50px rgba(0,229,255,.11);padding:32px;color:#eaf5ff}.svx-modal-close{float:right;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;font-size:1.4rem;cursor:pointer}.svx-modal h2{font-family:'Syne','Inter',system-ui,sans-serif;margin:10px 0 12px;font-size:2rem}.svx-modal p,.svx-modal li{color:#b8c8dc;line-height:1.7}.svx-modal ul{padding-left:20px}
@media(max-width:1120px){.svx-hero{grid-template-columns:1fr}.svx-hero-visual{order:-1;min-height:auto}.svx-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.svx-section-head,.svx-manifest{grid-template-columns:1fr}.svx-manifest-art{display:none}.svx-feature-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.svx-page{padding:18px 12px}.svx-hero,.svx-section{padding:24px 18px;border-radius:22px}.svx-hero h1{font-size:3.15rem}.svx-card-grid,.svx-manifest-points,.svx-feature-strip{grid-template-columns:1fr}.svx-tool-card{min-height:auto}.svx-feature-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}}


/* MODAL_INFO_V3_DETAILED_20260607 */
.svx-modal-box{width:min(980px,94vw);padding:34px 36px 36px}
.svx-modal-intro{font-size:1rem;line-height:1.75;color:#d7e6f7;margin:0 0 20px}
.svx-modal-info-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:16px;margin:18px 0}
.svx-modal-info-grid section{border:1px solid rgba(0,229,255,.14);border-radius:18px;background:linear-gradient(135deg,rgba(0,229,255,.055),rgba(139,92,246,.065));padding:18px 20px}
.svx-modal-info-grid h3{font-family:'Syne','Inter',system-ui,sans-serif;font-size:1.05rem;margin:0 0 10px;color:#fff;letter-spacing:-.02em}
.svx-modal-info-grid ul{margin:0;padding-left:20px}
.svx-modal-info-grid li{margin:0 0 8px;color:#bed0e6;line-height:1.58}
.svx-modal-warning{margin-top:18px;border:1px solid rgba(255,200,87,.22);border-radius:16px;background:linear-gradient(135deg,rgba(255,200,87,.08),rgba(249,115,22,.045));padding:15px 17px;color:#f4dfb1;line-height:1.6}
.svx-modal-warning strong{color:#ffd36f}
.svx-modal-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.svx-modal-links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border-radius:11px;border:1px solid rgba(0,229,255,.22);background:rgba(8,15,32,.72);color:#e9f8ff;text-decoration:none;font-weight:900}
.svx-modal-links a:hover{border-color:rgba(0,229,255,.55);box-shadow:0 12px 30px rgba(0,229,255,.12)}
@media(max-width:760px){.svx-modal-box{padding:26px 20px}.svx-modal-info-grid{grid-template-columns:1fr}}

/* MODAL_INFO_V4_COLORFUL_LARGE_20260607 */
.svx-modal-box{
  width:min(1120px,95vw)!important;
  max-height:88vh;
  padding:36px 38px 40px!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 8% 8%, rgba(0,229,255,.09), transparent 24%),
    radial-gradient(circle at 92% 12%, rgba(139,92,246,.16), transparent 28%),
    linear-gradient(135deg,rgba(10,17,35,.985),rgba(17,11,42,.985))!important;
}
.svx-modal h2{
  font-size:clamp(2.2rem,3vw,3rem)!important;
  line-height:1.02!important;
  margin:12px 0 14px!important;
}
.svx-modal-shell{display:flex;flex-direction:column;gap:20px}
.svx-modal-badges{display:flex;flex-wrap:wrap;gap:10px}
.svx-modal-badges span{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(0,229,255,.18);
  background:linear-gradient(135deg,rgba(0,229,255,.10),rgba(139,92,246,.10));
  color:#ecf8ff;font-size:.84rem;font-weight:900;letter-spacing:.02em;
}
.svx-modal-intro{
  font-size:1.08rem!important;
  line-height:1.85!important;
  color:#dceafb!important;
  margin:0!important;
}
.svx-modal-hero-note{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
}
.svx-modal-hero-note>div{
  padding:16px 18px;border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
}
.svx-modal-hero-note b{
  display:block;margin-bottom:7px;color:#fff;font-size:.98rem;
}
.svx-modal-hero-note span{
  display:block;color:#c9d9eb;line-height:1.65;font-size:1rem;
}
.svx-modal-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
}
.svx-modal-block{
  border-radius:22px;padding:20px 22px 18px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.svx-modal-block h3{
  margin:0 0 12px!important;
  font-family:'Syne','Inter',system-ui,sans-serif;
  font-size:1.25rem!important;
  letter-spacing:-.02em;color:#fff;
}
.svx-modal-block ul{
  margin:0;padding-left:22px;
}
.svx-modal-block li{
  margin:0 0 10px;
  color:#d6e4f5!important;
  line-height:1.72!important;
  font-size:1rem!important;
}
.svx-modal-block.is-purple{
  background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(80,44,134,.12));
  border-color:rgba(139,92,246,.28);
}
.svx-modal-block.is-cyan{
  background:linear-gradient(135deg,rgba(0,229,255,.14),rgba(16,85,128,.10));
  border-color:rgba(0,229,255,.28);
}
.svx-modal-block.is-green{
  background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(8,91,67,.10));
  border-color:rgba(16,185,129,.26);
}
.svx-modal-block.is-gold{
  background:linear-gradient(135deg,rgba(250,204,21,.14),rgba(161,98,7,.10));
  border-color:rgba(250,204,21,.24);
}
.svx-modal-warning{
  margin-top:0!important;
  border-radius:18px!important;
  padding:18px 20px!important;
  font-size:1rem!important;
  line-height:1.7!important;
  border:1px solid rgba(255,200,87,.24)!important;
  background:linear-gradient(135deg,rgba(255,200,87,.12),rgba(249,115,22,.08))!important;
  color:#ffe8b4!important;
}
.svx-modal-warning strong{font-size:1rem!important}
.svx-modal-related{
  border:1px solid rgba(0,229,255,.16);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(0,229,255,.06),rgba(139,92,246,.06));
  padding:18px 20px 20px;
}
.svx-modal-related h3{
  margin:0 0 12px;
  font-family:'Syne','Inter',system-ui,sans-serif;
  font-size:1.18rem;color:#fff;
}
.svx-modal-links{gap:12px!important;margin-top:0!important}
.svx-modal-links a{
  min-height:44px!important;padding:10px 16px!important;border-radius:12px!important;
  font-size:.95rem!important;
  background:rgba(7,15,31,.76)!important;
}
.svx-modal-close{
  width:44px!important;height:44px!important;border-radius:14px!important;
}
@media(max-width:860px){
  .svx-modal-box{padding:28px 22px 30px!important;width:min(96vw,96vw)!important}
  .svx-modal-hero-note,.svx-modal-grid{grid-template-columns:1fr}
  .svx-modal h2{font-size:2rem!important}
}


/* MODAL_INFO_V5_MORE_COLOR_BIGGER_TEXT_20260607 */
.svx-modal{
  background:
    radial-gradient(circle at 12% 18%, rgba(0,229,255,.16), transparent 30%),
    radial-gradient(circle at 84% 12%, rgba(139,92,246,.20), transparent 32%),
    radial-gradient(circle at 50% 100%, rgba(250,204,21,.08), transparent 36%),
    rgba(2,6,14,.82)!important;
}
.svx-modal-box{
  width:min(1180px,96vw)!important;
  padding:42px 44px 46px!important;
  border:1px solid rgba(0,229,255,.34)!important;
  box-shadow:
    0 46px 150px rgba(0,0,0,.68),
    0 0 80px rgba(0,229,255,.18),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.svx-modal h2{
  font-size:clamp(2.55rem,3.5vw,3.55rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  margin:12px 0 18px!important;
  background:linear-gradient(135deg,#ffffff 0%,#8cf5ff 38%,#b796ff 72%,#ffd36f 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.svx-modal .svx-kicker{
  font-size:.88rem!important;
  letter-spacing:.16em!important;
  color:#8ff7ff!important;
}
.svx-modal-intro{
  font-size:1.22rem!important;
  line-height:1.9!important;
  color:#e9f5ff!important;
  background:linear-gradient(135deg,rgba(0,229,255,.075),rgba(139,92,246,.06));
  border:1px solid rgba(0,229,255,.16);
  border-radius:20px;
  padding:18px 20px;
}
.svx-modal-badges span{
  min-height:40px!important;
  padding:9px 14px!important;
  font-size:.92rem!important;
  border-color:rgba(0,229,255,.30)!important;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.12), transparent 34%),
    linear-gradient(135deg,rgba(0,229,255,.16),rgba(139,92,246,.14))!important;
  box-shadow:0 0 18px rgba(0,229,255,.08);
}
.svx-modal-hero-note{
  grid-template-columns:1fr 1fr;
  gap:16px!important;
}
.svx-modal-hero-note>div{
  padding:20px 22px!important;
  border-radius:22px!important;
  border-color:rgba(255,255,255,.12)!important;
  background:
    linear-gradient(135deg,rgba(0,229,255,.08),rgba(139,92,246,.08)),
    rgba(255,255,255,.025)!important;
}
.svx-modal-hero-note b{
  font-size:1.08rem!important;
  color:#ffffff!important;
}
.svx-modal-hero-note span{
  font-size:1.08rem!important;
  color:#dcecff!important;
}
.svx-modal-grid{
  gap:20px!important;
}
.svx-modal-block{
  position:relative;
  padding:24px 26px 22px 30px!important;
  border-radius:24px!important;
  overflow:hidden;
}
.svx-modal-block:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:6px;
  opacity:.9;
}
.svx-modal-block:after{
  position:absolute;
  right:20px;
  top:17px;
  font-size:1.45rem;
  opacity:.95;
  filter:drop-shadow(0 0 12px rgba(255,255,255,.12));
}
.svx-modal-block.is-purple:before{background:linear-gradient(180deg,#c4a1ff,#8b5cf6)}
.svx-modal-block.is-cyan:before{background:linear-gradient(180deg,#8ff7ff,#00e5ff)}
.svx-modal-block.is-green:before{background:linear-gradient(180deg,#6dffca,#10b981)}
.svx-modal-block.is-gold:before{background:linear-gradient(180deg,#ffe082,#f59e0b)}
.svx-modal-block.is-purple:after{content:"👥"}
.svx-modal-block.is-cyan:after{content:"⚙️"}
.svx-modal-block.is-green:after{content:"✅"}
.svx-modal-block.is-gold:after{content:"⚠️"}
.svx-modal-block h3{
  font-size:1.42rem!important;
  margin-bottom:14px!important;
  padding-right:42px;
}
.svx-modal-block li{
  font-size:1.08rem!important;
  line-height:1.78!important;
  margin-bottom:11px!important;
  color:#eef7ff!important;
}
.svx-modal-block ul{
  padding-left:23px!important;
}
.svx-modal-block.is-purple{
  background:
    radial-gradient(circle at 88% 12%,rgba(196,161,255,.22),transparent 30%),
    linear-gradient(135deg,rgba(139,92,246,.22),rgba(43,26,83,.16))!important;
  border-color:rgba(177,139,255,.42)!important;
}
.svx-modal-block.is-cyan{
  background:
    radial-gradient(circle at 88% 12%,rgba(143,247,255,.20),transparent 30%),
    linear-gradient(135deg,rgba(0,229,255,.20),rgba(12,73,107,.16))!important;
  border-color:rgba(0,229,255,.42)!important;
}
.svx-modal-block.is-green{
  background:
    radial-gradient(circle at 88% 12%,rgba(109,255,202,.18),transparent 30%),
    linear-gradient(135deg,rgba(16,185,129,.20),rgba(8,91,67,.14))!important;
  border-color:rgba(16,185,129,.38)!important;
}
.svx-modal-block.is-gold{
  background:
    radial-gradient(circle at 88% 12%,rgba(255,224,130,.22),transparent 30%),
    linear-gradient(135deg,rgba(250,204,21,.20),rgba(161,98,7,.14))!important;
  border-color:rgba(250,204,21,.38)!important;
}
.svx-modal-warning{
  font-size:1.12rem!important;
  line-height:1.78!important;
  padding:20px 22px!important;
  border-radius:21px!important;
  border-color:rgba(255,211,111,.36)!important;
  background:
    radial-gradient(circle at 8% 20%,rgba(255,211,111,.16),transparent 30%),
    linear-gradient(135deg,rgba(255,200,87,.16),rgba(249,115,22,.09))!important;
}
.svx-modal-warning strong{
  color:#ffe082!important;
  font-size:1.15rem!important;
}
.svx-modal-related{
  padding:22px 24px 24px!important;
  border-radius:23px!important;
  border-color:rgba(0,229,255,.28)!important;
  background:
    radial-gradient(circle at 16% 12%,rgba(0,229,255,.14),transparent 30%),
    radial-gradient(circle at 86% 12%,rgba(139,92,246,.16),transparent 34%),
    linear-gradient(135deg,rgba(0,229,255,.07),rgba(139,92,246,.08))!important;
}
.svx-modal-related h3{
  font-size:1.36rem!important;
  margin-bottom:15px!important;
}
.svx-modal-links a{
  min-height:48px!important;
  padding:12px 18px!important;
  border-radius:14px!important;
  font-size:1.02rem!important;
  border-color:rgba(0,229,255,.34)!important;
  background:linear-gradient(135deg,rgba(0,229,255,.12),rgba(139,92,246,.12))!important;
}
.svx-modal-links a:hover{
  transform:translateY(-2px);
  border-color:rgba(255,211,111,.55)!important;
  box-shadow:0 14px 34px rgba(0,229,255,.16),0 0 20px rgba(255,211,111,.08)!important;
}
.svx-modal-close{
  font-size:1.55rem!important;
  background:linear-gradient(135deg,rgba(0,229,255,.10),rgba(139,92,246,.12))!important;
  border-color:rgba(0,229,255,.28)!important;
}
@media(max-width:920px){
  .svx-modal-box{padding:30px 22px 34px!important}
  .svx-modal-grid,.svx-modal-hero-note{grid-template-columns:1fr!important}
  .svx-modal-intro{font-size:1.08rem!important}
  .svx-modal-block li{font-size:1.02rem!important}
}


/* TOOLS_VISUAL_POLISH_V1_GOLD_RAIN_COLOR_CARDS_20260607 */
/* Safe visual layer only: does not change URLs, PHP, header, footer or tool logic. */

.svx-page{
  position:relative;
  isolation:isolate;
}

.svx-page:before,
.svx-page:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
}

/* Luxury gold rain / subtle premium particles */
.svx-page:before{
  opacity:.72;
  background:
    radial-gradient(circle at 8% 12%, rgba(255,213,92,.22) 0 1px, transparent 2px),
    radial-gradient(circle at 18% 32%, rgba(0,229,255,.16) 0 1px, transparent 2px),
    radial-gradient(circle at 28% 74%, rgba(255,213,92,.20) 0 1px, transparent 2px),
    radial-gradient(circle at 42% 18%, rgba(139,92,246,.17) 0 1px, transparent 2px),
    radial-gradient(circle at 58% 62%, rgba(255,213,92,.22) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 26%, rgba(0,229,255,.14) 0 1px, transparent 2px),
    radial-gradient(circle at 86% 78%, rgba(255,213,92,.19) 0 1px, transparent 2px),
    linear-gradient(180deg, transparent 0%, rgba(255,213,92,.07) 48%, transparent 100%);
  background-size: 320px 520px, 420px 620px, 520px 720px, 440px 680px, 600px 780px, 460px 640px, 560px 760px, 100% 220px;
  animation: svxGoldRainDrift 22s linear infinite;
  mix-blend-mode:screen;
}

/* More colorful ambient cyber glow */
.svx-page:after{
  opacity:.75;
  background:
    radial-gradient(circle at 15% 18%, rgba(0,229,255,.16), transparent 30%),
    radial-gradient(circle at 86% 8%, rgba(139,92,246,.18), transparent 30%),
    radial-gradient(circle at 76% 66%, rgba(255,213,92,.08), transparent 32%),
    radial-gradient(circle at 22% 88%, rgba(0,255,194,.09), transparent 30%);
  filter: blur(0px);
}

@keyframes svxGoldRainDrift{
  0%{background-position:0 -520px,0 -620px,0 -720px,0 -680px,0 -780px,0 -640px,0 -760px,0 -220px}
  100%{background-position:0 520px,0 620px,0 720px,0 680px,0 780px,0 640px,0 760px,0 220px}
}

/* Hero: richer premium glow */
.svx-hero{
  box-shadow:
    0 22px 90px rgba(0,0,0,.42),
    0 0 0 1px rgba(0,229,255,.09),
    0 0 60px rgba(0,229,255,.08),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.svx-hero:after{
  content:"";
  position:absolute;
  inset:auto 28px 0 28px;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(0,229,255,.72), rgba(255,213,92,.48), rgba(139,92,246,.72), transparent);
  opacity:.85;
  filter:blur(.2px);
}

/* Dashboard / routes: more life, less flat */
.svx-dashboard .svx-dash-panel,
.svx-route-card,
.svx-feature-strip,
.svx-manifest,
.svx-section{
  box-shadow:
    0 18px 70px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.045)!important;
}

/* Colorful card system */
.svx-card-grid > .svx-tool-card{
  min-height:310px;
  border-color:rgba(255,255,255,.095)!important;
  box-shadow:
    0 14px 46px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.svx-card-grid > .svx-tool-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--accent), transparent 72%), transparent 24%),
    radial-gradient(circle at 92% 10%, rgba(255,213,92,.08), transparent 26%),
    linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 92%), transparent 45%);
  opacity:.95;
}
.svx-card-grid > .svx-tool-card:after{
  height:2px!important;
  background:linear-gradient(90deg, transparent, var(--accent), rgba(255,213,92,.58), transparent)!important;
  opacity:.9!important;
}
.svx-card-grid > .svx-tool-card:hover{
  transform:translateY(-7px) scale(1.012)!important;
  border-color:color-mix(in srgb, var(--accent), white 18%)!important;
  box-shadow:
    0 26px 82px rgba(0,0,0,.42),
    0 0 42px color-mix(in srgb, var(--accent), transparent 72%),
    inset 0 1px 0 rgba(255,255,255,.09)!important;
}

/* Different color identity per position so tools do not look identical */
.svx-card-grid > .svx-tool-card:nth-child(8n+1){--accent:#00e5ff;--accentSoft:rgba(0,229,255,.22)}
.svx-card-grid > .svx-tool-card:nth-child(8n+2){--accent:#8b5cf6;--accentSoft:rgba(139,92,246,.24)}
.svx-card-grid > .svx-tool-card:nth-child(8n+3){--accent:#00ffc2;--accentSoft:rgba(0,255,194,.20)}
.svx-card-grid > .svx-tool-card:nth-child(8n+4){--accent:#ffd35c;--accentSoft:rgba(255,211,92,.18)}
.svx-card-grid > .svx-tool-card:nth-child(8n+5){--accent:#38bdf8;--accentSoft:rgba(56,189,248,.22)}
.svx-card-grid > .svx-tool-card:nth-child(8n+6){--accent:#ff4fa6;--accentSoft:rgba(255,79,166,.18)}
.svx-card-grid > .svx-tool-card:nth-child(8n+7){--accent:#7c3aed;--accentSoft:rgba(124,58,237,.24)}
.svx-card-grid > .svx-tool-card:nth-child(8n+8){--accent:#22c55e;--accentSoft:rgba(34,197,94,.18)}

.svx-card-icon{
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.16), transparent 34%),
    linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 78%), rgba(255,255,255,.025))!important;
  border-color:color-mix(in srgb, var(--accent), transparent 46%)!important;
  box-shadow:
    0 0 24px color-mix(in srgb, var(--accent), transparent 60%),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.svx-card-icon svg{
  stroke:var(--accent)!important;
  filter:drop-shadow(0 0 12px color-mix(in srgb, var(--accent), transparent 15%))!important;
}
.svx-card-label{
  color:#06111e!important;
  background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent), white 32%))!important;
  border:0!important;
  box-shadow:0 0 18px color-mix(in srgb, var(--accent), transparent 55%)!important;
}
.svx-tool-card h3{
  font-size:1.5rem!important;
  text-shadow:0 0 18px color-mix(in srgb, var(--accent), transparent 82%);
}
.svx-tool-card p{
  color:#c7d6e8!important;
}
.svx-tags small{
  border:1px solid color-mix(in srgb, var(--accent), transparent 78%)!important;
  background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), rgba(255,255,255,.035))!important;
  color:#e8f6ff!important;
}
.svx-card-cats small{
  border-color:rgba(255,211,92,.22)!important;
  background:linear-gradient(135deg, rgba(255,211,92,.10), rgba(139,92,246,.07))!important;
  color:#ffe9b8!important;
}

/* Buttons on cards: stronger call-to-action */
.svx-card-actions a.svx-open-link{
  background:linear-gradient(135deg, var(--accent), #8b5cf6)!important;
  color:#04111d!important;
  box-shadow:0 12px 34px color-mix(in srgb, var(--accent), transparent 70%)!important;
}
.svx-card-actions button{
  border-color:color-mix(in srgb, var(--accent), transparent 66%)!important;
  background:linear-gradient(135deg, rgba(255,255,255,.055), color-mix(in srgb, var(--accent), transparent 92%))!important;
}

/* Filter bar: more premium and colorful */
.svx-filter-shell{
  border:1px solid rgba(0,229,255,.12)!important;
  background:
    radial-gradient(circle at 4% 10%, rgba(0,229,255,.10), transparent 28%),
    radial-gradient(circle at 94% 22%, rgba(139,92,246,.14), transparent 30%),
    linear-gradient(135deg, rgba(8,15,34,.86), rgba(12,9,30,.78))!important;
  box-shadow:0 18px 60px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.svx-filter-btn{
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.025))!important;
}
.svx-filter-btn:hover{
  border-color:rgba(255,211,92,.34)!important;
  box-shadow:0 0 18px rgba(255,211,92,.08);
}
.svx-filter-btn.is-active{
  background:linear-gradient(135deg,#00e5ff,#8b5cf6,#ffd35c)!important;
  color:#04111d!important;
}

/* Feature strips / manifest: subtle gold/cyan border glow */
.svx-feature-strip,
.svx-manifest{
  border-color:rgba(0,229,255,.13)!important;
}
.svx-feature-strip div:hover{
  background:linear-gradient(135deg, rgba(0,229,255,.06), rgba(139,92,246,.06));
}

/* Footer pre-strip cards above sitemap get a premium kick without touching footer itself */
.svx-feature-strip:last-of-type{
  box-shadow:
    0 16px 70px rgba(0,0,0,.34),
    0 0 42px rgba(0,229,255,.07),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}

/* Respect accessibility preferences */
@media (prefers-reduced-motion: reduce){
  .svx-page:before{animation:none!important}
  .svx-card-grid > .svx-tool-card:hover{transform:none!important}
}

@media(max-width:760px){
  .svx-page:before{opacity:.42}
  .svx-card-grid > .svx-tool-card{min-height:auto}
}

/* === SecureVault Tools Index Card Buttons Align v1 ===
   Scope: /tools/ homepage cards only.
   Fix: Otevřít / Info buttons stay at the same bottom position in every card.
*/

.svx-card-grid .svx-tool-card,
article.svx-tool-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

.svx-card-grid .svx-tool-card .svx-card-icon,
.svx-card-grid .svx-tool-card .svx-card-label,
.svx-card-grid .svx-tool-card h3,
.svx-card-grid .svx-tool-card p,
.svx-card-grid .svx-tool-card .svx-tags{
  flex:0 0 auto !important;
}

.svx-card-grid .svx-tool-card p{
  margin-bottom:0 !important;
}

.svx-card-grid .svx-tool-card .svx-tags{
  width:100% !important;
  margin:14px 0 0 !important;
}

.svx-card-grid .svx-tool-card .svx-card-cats{
  margin-bottom:0 !important;
}

.svx-card-grid .svx-tool-card .svx-card-actions,
article.svx-tool-card .svx-card-actions{
  margin-top:auto !important;
  padding-top:26px !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

.svx-card-grid .svx-tool-card .svx-card-actions a,
.svx-card-grid .svx-tool-card .svx-card-actions button,
article.svx-tool-card .svx-card-actions a,
article.svx-tool-card .svx-card-actions button{
  flex:0 0 auto !important;
  min-height:44px !important;
  padding:11px 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  text-align:center !important;
}

@media(min-width:1181px){
  .svx-card-grid .svx-tool-card,
  article.svx-tool-card{
    min-height:410px !important;
  }
}

@media(max-width:760px){
  .svx-card-grid .svx-tool-card,
  article.svx-tool-card{
    min-height:auto !important;
  }

  .svx-card-grid .svx-tool-card .svx-card-actions,
  article.svx-tool-card .svx-card-actions{
    padding-top:20px !important;
  }
}