/* KOCUCE_SERVER_DETAIL_V2 - progressive enhancement, scoped */
.sv-v2-page { --sv2-red:#e50936; --sv2-blue:#1263ed; --sv2-navy:#12234a; --sv2-line:#e1e8f5; --sv2-shadow:0 16px 42px rgba(17,34,72,.08); }
.sv-v2-page .sv-card { border-radius:22px!important; border:1px solid var(--sv2-line)!important; box-shadow:var(--sv2-shadow)!important; }
.sv-v2-page .sv-v2-hero { position:relative; isolation:isolate; overflow:hidden!important; padding:32px!important; background:linear-gradient(105deg,rgba(11,19,45,.97),rgba(25,36,79,.90) 54%,rgba(109,20,48,.85)),radial-gradient(circle at 80% 20%,#fa6a24,#241638)!important; color:#fff!important; border:0!important; box-shadow:0 22px 55px rgba(27,37,83,.2)!important; }
.sv-v2-page .sv-v2-hero::before { content:''; position:absolute; inset:0; z-index:-1; opacity:.34; background:radial-gradient(circle at 76% 24%,#ff6239,transparent 33%),linear-gradient(150deg,transparent 52%,#a3103b 90%); pointer-events:none; }
.sv-v2-page .sv-v2-hero::after {content:''; position:absolute;inset:auto 0 0;height:5px;background:linear-gradient(90deg,#e50936,#ff9c2d,#1e76f5);pointer-events:none;}
.sv-v2-page .sv-v2-hero h1 { color:#fff!important; font-size:clamp(24px,2.3vw,36px)!important; letter-spacing:-.7px; line-height:1.2; text-shadow:0 2px 10px rgba(0,0,0,.25); }
.sv-v2-page .sv-v2-hero .sv-logo { border:3px solid rgba(255,255,255,.95)!important; border-radius:22px!important; box-shadow:0 0 0 5px rgba(255,255,255,.12),0 15px 35px rgba(0,0,0,.25)!important; }
.sv-v2-page .sv-v2-hero p, .sv-v2-page .sv-v2-hero .text-gray-500, .sv-v2-page .sv-v2-hero .text-gray-600, .sv-v2-page .sv-v2-hero .dark\\:text-slate-300 { color:#dce6fa!important; }
.sv-v2-page .sv-v2-hero a { transition:transform .2s,box-shadow .2s; }
.sv-v2-page .sv-v2-hero a:hover { transform:translateY(-2px); box-shadow:0 10px 25px rgba(0,0,0,.2); }
/* Hero stats: avoid overriding link buttons and other unrelated content */
.sv-v2-page .sv-v2-hero .grid > div { border-color:rgba(255,255,255,.22)!important; background:rgba(255,255,255,.10)!important; backdrop-filter:blur(5px); color:#fff!important; border-radius:13px!important; }
.sv-v2-page .sv-v2-hero .grid > div * { color:#fff!important; }
.sv-v2-page #screenshots-grid {gap:16px!important;}
.sv-v2-page #screenshots-grid .screenshot-thumb {border-radius:16px!important;border:2px solid #e4e9f3!important;box-shadow:0 9px 20px rgba(20,35,70,.10);transition:transform .2s,box-shadow .2s,border-color .2s;}
.sv-v2-page #screenshots-grid .screenshot-thumb:hover {transform:translateY(-4px);border-color:#e50936!important;box-shadow:0 16px 32px rgba(20,35,70,.16);}
.sv-v2-page .sv-tab {font-weight:800!important;}
.sv-v2-page .sv-tab:hover {color:#e50936!important;}
.sv-v2-page .sv-tab-count {border-radius:999px!important;}
.sv-v2-page .server-description {background:transparent;}
.sv-v2-page .sv-crumbs {border-radius:15px!important;box-shadow:none!important;}
@media(max-width:768px){.sv-v2-page .sv-v2-hero{padding:20px!important;border-radius:18px!important}.sv-v2-page .sv-v2-hero h1{font-size:24px!important}.sv-v2-page .sv-card{border-radius:16px!important}.sv-v2-page #screenshots-grid{gap:9px!important}}
@media(prefers-reduced-motion:reduce){.sv-v2-page *{transition:none!important}}

/* KOCUCE V2 - HERO READABILITY FIX */

.sv-v2-page .sv-v2-hero h1 {
    font-size: clamp(23px, 2.1vw, 32px) !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere;
}

.sv-v2-page .sv-v2-hero p,
.sv-v2-page .sv-v2-hero .text-muted,
.sv-v2-page .sv-v2-hero .text-gray-500,
.sv-v2-page .sv-v2-hero .text-gray-600 {
    color: #dce5f4 !important;
}

.sv-v2-page .sv-v2-hero {
    background: linear-gradient(
        115deg,
        #0e1732 0%,
        #202442 48%,
        #6b2039 100%
    ) !important;
}

@media (max-width: 768px) {
    .sv-v2-page .sv-v2-hero h1 {
        font-size: 22px !important;
    }
}