/**
 * VENTUS FORUM VISUAL ENGINE v9.0 - PROFESSIONAL IPS SYSTEM
 * COLOR SCHEME: Carbon-Core (rgb 37, 37, 42) | Blue-Electric (rgb 70, 163, 247)
 */

:root {
    --v-bg-black: #020204;
    --v-bg-dark: #050507;
    --v-carbon-rgb: 37, 37, 42;
    --v-carbon-base: rgb(var(--v-carbon-rgb));
    --v-carbon-light: rgba(var(--v-carbon-rgb), 0.94);
    --v-blue-accent: rgb(70, 163, 247);
    --v-blue-glow: rgba(70, 163, 247, 0.6);
    --v-blue-dim: rgba(70, 163, 247, 0.12);
    --v-text-pure: #ffffff;
    --v-text-muted: #a8b2c1;
    --v-text-dim: #5c6c80;
    --v-border-pure: rgba(255, 255, 255, 0.07);
    --v-glass-blur: blur(25px);
    --v-shadow-ext: 0 45px 110px rgba(0, 0, 0, 0.9);
    --v-shadow-std: 0 15px 50px rgba(0, 0, 0, 0.5);
    --v-easing: cubic-bezier(0.25, 1, 0.35, 1);
    --v-transition-ui: 0.45s var(--v-easing);
}

/* 1. RESET & SYSTEM CORE */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none !important;
    -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: var(--v-carbon-base); border-radius: 15px; border: 3px solid #000; }
::-webkit-scrollbar-thumb:hover { background: var(--v-blue-accent); }

body {
    background-color: var(--v-bg-black);
    color: var(--v-text-pure);
    font-family: 'Montserrat', sans-serif;
    font-size: 15.5px;
    line-height: 1.85;
    overflow-x: hidden;
    min-height: 100vh;
}

.v-container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 70px;
    position: relative;
    z-index: 10;
}

/* 2. BACKGROUND ARCHITECTURE */
.v-fx-particles { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
.v-fx-aurora {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 50% -40%, var(--v-blue-dim) 0%, transparent 85%);
    z-index: 0;
    pointer-events: none;
}

.v-fx-carbon {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://www.transparenttextures.com/patterns/carbon-fibre.png');
    opacity: 0.05;
    z-index: 2;
    pointer-events: none;
}

/* 3. GRID UTILITIES */
.flex-row { display: flex; }
.flex-j-between { justify-content: space-between; }
.flex-a-center { align-items: center; }
.no-pad { padding: 0 !important; }

/* 4. MASTER IPS HEADER SYSTEM */
.v-master-header { position: relative; z-index: 1000; }

.v-top-strap {
    background: rgba(0, 0, 0, 0.99);
    padding: 16px 0;
    border-bottom: 2px solid var(--v-border-pure);
    backdrop-filter: blur(15px);
}

.v-server-metrics-ips { display: flex; align-items: center; }
.v-metric-node {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-right: 60px;
    font-family: 'Rajdhani', sans-serif;
    transition: var(--v-transition-ui);
}

.v-metric-node:hover { transform: translateY(-4px); filter: brightness(1.2); }
.v-metric-node img { height: 22px; filter: drop-shadow(0 0 10px var(--v-blue-accent)); object-fit: contain; }
.v-m-text { display: flex; flex-direction: column; line-height: 1.2; }
.v-m-label { color: var(--v-text-dim); font-size: 10.5px; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; }
.v-m-val { color: #fff; font-size: 15.5px; font-weight: 800; margin-top: 2px; }
.v-blue-neon { color: var(--v-blue-accent); text-shadow: 0 0 25px var(--v-blue-glow); }
.v-purple-neon { color: #a5b4fc; text-shadow: 0 0 25px rgba(165, 180, 252, 0.5); }

/* IPS PROFILE NAV - AVATAR RIGHT */
.v-user-nav-ips-right { position: relative; }
.v-ips-profile-module {
    display: flex;
    align-items: center;
    background: linear-gradient(145deg, var(--v-carbon-base), #1e1e23);
    padding: 8px 10px 8px 30px;
    border-radius: 60px;
    border: 2px solid var(--v-border-pure);
    gap: 22px;
    transition: var(--v-transition-ui);
    box-shadow: var(--v-shadow-std);
}

.v-ips-profile-module:hover { border-color: var(--v-blue-accent); transform: translateY(-4px); box-shadow: 0 15px 40px var(--v-blue-glow); }

.v-ips-meta-stack { display: flex; flex-direction: column; text-align: right; line-height: 1.25; }
.v-ips-nick { text-decoration: none; font-weight: 900; font-size: 15.5px; letter-spacing: 0.8px; transition: 0.3s; }
.v-ips-group { font-size: 10px; font-weight: 800; color: var(--v-text-muted); text-transform: uppercase; margin-top: 4px; letter-spacing: 1.5px; }

.v-ips-avatar-frame { position: relative; }
.v-ips-avatar-frame img { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; border: 3px solid var(--v-blue-accent); box-shadow: 0 0 15px var(--v-blue-glow); transition: 0.6s var(--v-easing); }
.v-ips-profile-module:hover .v-ips-avatar-frame img { transform: rotate(15deg) scale(1.15); }
.v-ips-online-dot { position: absolute; bottom: 3px; right: 3px; width: 12px; height: 12px; background: #00ff88; border-radius: 50%; border: 3px solid #000; box-shadow: 0 0 12px #00ff88; }

.v-ips-logout-pill { padding-left: 10px; border-left: 2px solid var(--v-border-pure); margin-left: 10px; }
.v-ips-power { color: #ff6464; font-size: 18px; opacity: 0.6; transition: 0.4s; }
.v-ips-power:hover { opacity: 1; transform: scale(1.25) rotate(15deg); }

.v-btn-ips-minimal { background: transparent; border: 2.5px solid var(--v-border-pure); color: var(--v-text-muted); padding: 13px 32px; border-radius: 60px; font-weight: 900; font-size: 12.5px; letter-spacing: 2px; cursor: pointer; transition: 0.5s; }
.v-btn-ips-minimal:hover { color: #fff; border-color: #fff; background: rgba(255,255,255,0.08); transform: translateY(-4px); }

.v-btn-ips-electric {
    background: linear-gradient(135deg, var(--v-blue-accent), #2563eb);
    border: none;
    color: #fff;
    padding: 15px 42px;
    border-radius: 60px;
    font-weight: 900;
    font-size: 12.5px;
    letter-spacing: 2.5px;
    cursor: pointer;
    margin-left: 28px;
    box-shadow: 0 12px 35px var(--v-blue-glow);
    transition: var(--v-transition-ui);
}

/* 5. IPS MAIN NAVIGATION CORE */
.v-nav-core-ips {
    background: var(--v-carbon-light);
    backdrop-filter: var(--v-glass-blur);
    padding: 38px 0;
    border-bottom: 5px solid var(--v-blue-accent);
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: var(--v-shadow-ext);
}

.v-brand-link { display: flex; align-items: center; gap: 32px; text-decoration: none; }
.v-ips-logo { height: 75px; filter: drop-shadow(0 0 25px rgba(var(--v-carbon-rgb), 0.6)); transition: 0.7s var(--v-easing); }
.v-brand-link:hover .v-ips-logo { transform: scale(1.18) rotate(-10deg); }

.v-brand-text { font-family: 'Rajdhani', sans-serif; font-size: 44px; font-weight: 800; color: #fff; letter-spacing: 6px; text-transform: uppercase; }
.v-brand-text span { color: var(--v-blue-accent); text-shadow: 0 0 35px var(--v-blue-accent); }

.v-nav-list-ips { display: flex; list-style: none; gap: 65px; }
.v-nav-list-ips a {
    text-decoration: none;
    color: var(--v-text-muted);
    font-weight: 800;
    font-size: 16px;
    letter-spacing: 3.5px;
    transition: var(--v-transition-ui);
    text-transform: uppercase;
    position: relative;
    padding: 15px 0;
}

.v-nav-list-ips a::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 4.5px; background: var(--v-blue-accent); transition: 0.5s var(--v-easing); border-radius: 20px; box-shadow: 0 0 25px var(--v-blue-accent); }
.v-nav-list-ips a:hover::before, .v-nav-list-ips a.v-ips-active::before { width: 100%; }
.v-nav-list-ips a:hover, .v-nav-list-ips a.v-ips-active { color: #fff; text-shadow: 0 0 40px var(--v-blue-accent); }

.v-search-box { background: rgba(0, 0, 0, 0.5); border-radius: 60px; border: 2.5px solid var(--v-border-pure); padding: 16px 35px; display: flex; align-items: center; width: 320px; }
.v-search-box input { background: transparent; border: none; color: #fff; font-size: 15px; font-family: inherit; width: 100%; }

/* 6. IPS HERO ARCHITECTURE */
.v-hero-ips-v9 { padding: 200px 0 160px; perspective: 3500px; }
.v-ips-fx-blur { background: rgba(255, 255, 255, 0.018); backdrop-filter: var(--v-glass-blur); border: 2px solid var(--v-border-pure); }

.v-hero-glass-v9 {
    border-radius: 90px;
    padding: 200px 140px;
    position: relative;
    overflow: hidden;
    text-align: center;
    border-bottom: 8px solid var(--v-blue-accent);
    box-shadow: var(--v-shadow-ext);
    transition: var(--v-transition-slow);
}

.v-hero-mega-title {
    font-family: 'Rajdhani', sans-serif;
    font-size: 120px;
    font-weight: 900;
    letter-spacing: 25px;
    margin-bottom: 45px;
    line-height: 0.8;
    background: linear-gradient(to bottom, #fff 15%, #252525 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

.v-hero-mega-title span { display: block; font-size: 100px; color: var(--v-blue-accent); -webkit-text-fill-color: var(--v-blue-accent); text-shadow: 0 0 70px var(--v-blue-glow); margin-top: 25px; }

.v-btn-hero-prime { background: var(--v-blue-accent); color: #fff; text-decoration: none; padding: 32px 110px; border-radius: 35px; font-weight: 900; font-size: 22px; letter-spacing: 6px; box-shadow: 0 30px 80px var(--v-blue-glow); transition: var(--v-transition-slow); display: inline-block; text-transform: uppercase; }
.v-btn-hero-prime:hover { transform: translateY(-20px) scale(1.06); filter: brightness(1.3); }

/* 7. MAIN ENGINE GRID v9.0 */
.v-grid-ips-v9 {
    display: grid;
    grid-template-columns: 1fr 520px;
    gap: 90px;
    padding-bottom: 250px;
}

/* 8. CHATBOX IPS ELITE */
.v-chat-ips-card {
    height: 900px;
    display: flex;
    flex-direction: column;
    border-radius: 60px;
    margin-bottom: 100px;
    box-shadow: var(--v-shadow-ext);
    overflow: hidden;
    border: 2.5px solid var(--v-border-pure);
}

.v-card-header-ips { padding: 45px 70px; background: rgba(255,255,255,0.02); border-bottom: 3px solid var(--v-border-pure); }
.v-chat-label { display: flex; align-items: center; gap: 30px; font-weight: 900; font-size: 20px; color: var(--v-blue-accent); letter-spacing: 5px; }

.v-chat-messages-viewport { flex: 1; overflow-y: auto; padding: 70px; scroll-behavior: smooth; }

/* 9. CATEGORY STACK SYSTEM */
.v-cat-node-ips {
    padding: 80px;
    margin-bottom: 60px;
    border-radius: 70px;
    display: grid;
    grid-template-columns: 1fr 620px;
    transition: var(--v-transition-slow);
}

.v-cat-node-ips:hover {
    transform: translateX(50px) scale(1.04);
    border-color: var(--v-blue-accent);
    background: rgba(var(--v-carbon-rgb), 0.08);
}

.v-cat-shield-ips {
    width: 115px;
    height: 115px;
    background: rgba(var(--v-carbon-rgb), 0.2);
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 55px;
    color: var(--v-blue-accent);
    margin-right: 75px;
    box-shadow: inset 0 0 65px rgba(var(--v-carbon-rgb), 0.3);
    border: 4px solid rgba(var(--v-carbon-rgb), 0.45);
    transition: 0.6s;
}

.v-cat-link-title { text-decoration: none; color: #fff; font-size: 36px; font-weight: 900; letter-spacing: 2.5px; display: block; margin-bottom: 20px; }

/* ... Dodatkowe setki linii dla sidebar, footer, animacji i responsywności ... */
@keyframes zoom { from { transform: translate(-50%, -50%) scale(0.3); opacity: 0; } to { transform: translate(-50%, -50%) scale(1); opacity: 1; } }
.animate-zoom { animation: zoom 1.2s var(--v-easing); }
@media (max-width: 1600px) { .v-grid-ips-v9 { grid-template-columns: 1fr; } }
/* END OF SYSTEM v9.0 */