/* ========================================
 ESTILOS PARA PÁGINAS DE SEÇÕES
 ======================================== */
.vpn-affiliate-section {
 margin: 40px 0;
 padding: 40px 20px;
 background: rgba(45, 80, 22, 0.1);
 border-radius: 15px;
 border: 1px solid rgba(144, 238, 144, 0.2);
}
.vpn-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
 gap: 30px;
 margin-top: 30px;
}
.vpn-card {
 background: rgba(45, 80, 22, 0.8);
 border: 2px solid rgba(144, 238, 144, 0.3);
 border-radius: 20px;
 padding: 30px;
 position: relative;
 transition: all 0.3s ease;
 overflow: hidden;
}
.vpn-card::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: linear-gradient(135deg, rgba(144, 238, 144, 0.05), rgba(74, 124, 35, 0.05));
 opacity: 0;
 transition: opacity 0.3s ease;
}
.vpn-card:hover {
 transform: translateY(-5px);
 box-shadow: 0 15px 35px rgba(144, 238, 144, 0.2);
 border-color: rgba(144, 238, 144, 0.6);
}
.vpn-card:hover::before {
 opacity: 1;
}
.vpn-card.premium {
 border-color: rgba(255, 215, 0, 0.5);
 background: rgba(45, 80, 22, 0.9);
}
.vpn-card.budget {
 border-color: rgba(0, 255, 127, 0.5);
}
.vpn-card.security {
 border-color: rgba(138, 43, 226, 0.5);
}
.vpn-badge {
 position: absolute;
 top: -10px;
 right: 20px;
 background: linear-gradient(135deg, #ff6b35, #f7931e);
 color: white;
 padding: 8px 16px;
 border-radius: 20px;
 font-size: 0.8rem;
 font-weight: bold;
 text-transform: uppercase;
}
.vpn-badge.budget {
 background: linear-gradient(135deg, #10b981, #059669);
}
.vpn-badge.security {
 background: linear-gradient(135deg, #8b5cf6, #7c3aed);
}
.vpn-icon {
 text-align: center;
 margin-bottom: 20px;
}
.vpn-icon i {
 font-size: 3rem;
 color: #90ee90;
}
.vpn-card h3 {
 color: #90ee90;
 text-align: center;
 margin-bottom: 15px;
 font-size: 1.5rem;
}
.vpn-features {
 list-style: none;
 padding: 0;
 margin: 20px 0;
}
.vpn-features li {
 color: rgba(255, 255, 255, 0.9);
 margin-bottom: 8px;
 font-size: 0.9rem;
}
.vpn-pricing {
 text-align: center;
 margin: 25px 0;
}
.original-price {
 text-decoration: line-through;
 color: rgba(255, 255, 255, 0.6);
 font-size: 0.9rem;
}
.promo-price {
 color: #90ee90;
 font-size: 2rem;
 font-weight: bold;
 margin: 10px 0;
}
.discount-badge {
 background: linear-gradient(135deg, #ff4757, #ff3742);
 color: white;
 padding: 5px 15px;
 border-radius: 15px;
 font-size: 0.8rem;
 font-weight: bold;
 display: inline-block;
 margin-top: 10px;
}
.promo-code-container {
 background: rgba(144, 238, 144, 0.1);
 border: 1px solid rgba(144, 238, 144, 0.3);
 border-radius: 10px;
 padding: 15px;
 margin: 20px 0;
 text-align: center;
}
.promo-code {
 background: linear-gradient(135deg, #2d5016, #4a7c23);
 color: #90ee90;
 padding: 10px 20px;
 border-radius: 25px;
 cursor: pointer;
 display: inline-flex;
 align-items: center;
 gap: 10px;
 transition: all 0.3s ease;
 margin-top: 10px;
}
.promo-code:hover {
 background: linear-gradient(135deg, #4a7c23, #90ee90);
 color: #0f0f23;
 transform: scale(1.05);
}
.vpn-cta-btn {
 display: block;
 background: linear-gradient(135deg, #2d5016, #4a7c23, #228b22);
 color: #90ee90;
 text-decoration: none;
 padding: 15px 25px;
 border-radius: 30px;
 text-align: center;
 font-weight: bold;
 transition: all 0.3s ease;
 border: 2px solid rgba(144, 238, 144, 0.4);
}
.vpn-cta-btn:hover {
 background: linear-gradient(135deg, #4a7c23, #228b22, #90ee90);
 color: #0f0f23;
 transform: translateY(-2px);
 box-shadow: 0 8px 25px rgba(144, 238, 144, 0.3);
}
.vpn-cta-btn.premium {
 background: linear-gradient(135deg, #ff6b35, #f7931e);
 color: white;
 border-color: rgba(255, 215, 0, 0.5);
}
.vpn-cta-btn.budget {
 background: linear-gradient(135deg, #10b981, #059669);
 color: white;
 border-color: rgba(0, 255, 127, 0.5);
}
.vpn-cta-btn.security {
 background: linear-gradient(135deg, #8b5cf6, #7c3aed);
 color: white;
 border-color: rgba(138, 43, 226, 0.5);
}
.vpn-comparison {
 margin-top: 40px;
 background: rgba(45, 80, 22, 0.6);
 border-radius: 15px;
 padding: 30px;
}
.comparison-table table {
 width: 100%;
 border-collapse: collapse;
 margin-top: 20px;
}
.comparison-table th,
.comparison-table td {
 padding: 15px;
 text-align: left;
 border-bottom: 1px solid rgba(144, 238, 144, 0.2);
}
.comparison-table th {
 background: rgba(144, 238, 144, 0.1);
 color: #90ee90;
 font-weight: bold;
}
.comparison-table td {
 color: rgba(255, 255, 255, 0.9);
}
.cve-list {
 display: flex;
 flex-direction: column;
 gap: 25px;
 margin-top: 30px;
}
.cve-card {
 background: rgba(45, 80, 22, 0.8);
 border-left: 5px solid;
 border-radius: 10px;
 padding: 25px;
 transition: all 0.3s ease;
}
.cve-card.critical {
 border-left-color: #ff4757;
 background: rgba(80, 22, 22, 0.8);
}
.cve-card.high {
 border-left-color: #ff6b35;
 background: rgba(80, 45, 22, 0.8);
}
.cve-card.medium {
 border-left-color: #f7931e;
 background: rgba(80, 65, 22, 0.8);
}
.cve-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 15px;
}
.cve-id {
 font-family: 'Courier New', monospace;
 font-weight: bold;
 color: #90ee90;
 font-size: 1.1rem;
}
.severity-badge {
 padding: 5px 15px;
 border-radius: 20px;
 font-size: 0.8rem;
 font-weight: bold;
 text-transform: uppercase;
}
.severity-badge.critical {
 background: #ff4757;
 color: white;
}
.severity-badge.high {
 background: #ff6b35;
 color: white;
}
.severity-badge.medium {
 background: #f7931e;
 color: white;
}
.cve-details {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 gap: 15px;
 margin: 20px 0;
}
.detail-item {
 color: rgba(255, 255, 255, 0.9);
 font-size: 0.9rem;
}
.detail-item strong {
 color: #90ee90;
}
.status.available {
 color: #10b981;
 font-weight: bold;
}
.status.public {
 color: #ff4757;
 font-weight: bold;
}
.status.limited {
 color: #f7931e;
 font-weight: bold;
}
.status.none {
 color: #90ee90;
 font-weight: bold;
}
.cve-actions {
 display: flex;
 gap: 10px;
 flex-wrap: wrap;
 margin-top: 20px;
}
.cve-btn {
 padding: 8px 16px;
 border-radius: 20px;
 text-decoration: none;
 font-size: 0.9rem;
 transition: all 0.3s ease;
 border: 1px solid rgba(144, 238, 144, 0.3);
 color: #90ee90;
 background: rgba(45, 80, 22, 0.6);
}
.cve-btn.primary {
 background: linear-gradient(135deg, #2d5016, #4a7c23);
 color: white;
 border-color: rgba(144, 238, 144, 0.6);
}
.cve-btn:hover {
 transform: translateY(-2px);
 box-shadow: 0 5px 15px rgba(144, 238, 144, 0.3);
}
.security-stats,
.vuln-stats {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 gap: 30px;
 margin-top: 30px;
 position: relative;
}
.vuln-stats::before {
 content: '';
 position: absolute;
 top: -20px;
 left: -20px;
 right: -20px;
 bottom: -20px;
 background: 
 radial-gradient(circle at 20% 30%, rgba(144, 238, 144, 0.05) 0%, transparent 30%),
 radial-gradient(circle at 80% 70%, rgba(255, 71, 87, 0.03) 0%, transparent 30%),
 radial-gradient(circle at 60% 20%, rgba(251, 191, 36, 0.04) 0%, transparent 30%);
 animation: cosmic-drift 8s ease-in-out infinite;
 pointer-events: none;
 z-index: -1;
 border-radius: 20px;
}
@keyframes cosmic-drift {
 0%, 100% { 
 transform: translate(0, 0) rotate(0deg); 
 opacity: 0.6;
 }
 25% { 
 transform: translate(2px, -3px) rotate(0.5deg); 
 opacity: 0.8;
 }
 50% { 
 transform: translate(-1px, 2px) rotate(-0.3deg); 
 opacity: 0.7;
 }
 75% { 
 transform: translate(3px, 1px) rotate(0.4deg); 
 opacity: 0.9;
 }
}
.stat-card {
 background: rgba(45, 80, 22, 0.8);
 border: 2px solid rgba(144, 238, 144, 0.3);
 border-radius: 15px;
 padding: 25px;
 text-align: center;
 position: relative;
 overflow: hidden;
 transition: all 0.3s ease;
}
.stat-card::after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: 
 radial-gradient(circle at 10% 20%, rgba(144, 238, 144, 0.08) 0%, transparent 25%),
 radial-gradient(circle at 90% 80%, rgba(144, 238, 144, 0.06) 0%, transparent 25%);
 animation: subtle-float 6s ease-in-out infinite;
 pointer-events: none;
 z-index: 0;
}
.stat-card > * {
 position: relative;
 z-index: 1;
}
@keyframes subtle-float {
 0%, 100% { 
 transform: translateY(0px);
 opacity: 0.4;
 }
 50% { 
 transform: translateY(-2px);
 opacity: 0.7;
 }
}
.stat-card.threat-level {
 border-color: #ff4757;
 background: rgba(80, 22, 22, 0.8);
}
.stat-card.incidents {
 border-color: #ff6b35;
 background: rgba(80, 45, 22, 0.8);
}
.stat-card.ransomware {
 border-color: #f7931e;
 background: rgba(80, 65, 22, 0.8);
}
.stat-card.data-breaches {
 border-color: #8b5cf6;
 background: rgba(60, 22, 80, 0.8);
}
.stat-icon {
 font-size: 3rem;
 margin-bottom: 15px;
}
.stat-icon i {
 color: #90ee90;
}
.stat-content h3 {
 font-size: 2.5rem;
 color: #90ee90;
 margin: 10px 0;
}
.threat-indicator {
 position: absolute;
 top: 10px;
 right: 10px;
 width: 20px;
 height: 20px;
 border-radius: 50%;
 animation: pulse 2s infinite;
}
.threat-indicator.high {
 background: #ff4757;
}
@keyframes pulse {
 0% { opacity: 1; transform: scale(1); }
 50% { opacity: 0.7; transform: scale(1.1); }
 100% { opacity: 1; transform: scale(1); }
}
.frameworks-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
 gap: 30px;
 margin-top: 30px;
}
.framework-card {
 background: rgba(45, 80, 22, 0.8);
 border: 2px solid rgba(144, 238, 144, 0.3);
 border-radius: 15px;
 padding: 30px;
 transition: all 0.3s ease;
}
.framework-header {
 display: flex;
 align-items: center;
 gap: 15px;
 margin-bottom: 20px;
}
.framework-icon i {
 font-size: 2.5rem;
 color: #90ee90;
}
.framework-functions {
 margin: 25px 0;
}
.function-item {
 background: rgba(144, 238, 144, 0.1);
 border-left: 4px solid #90ee90;
 padding: 15px;
 margin-bottom: 10px;
 border-radius: 5px;
}
.function-item strong {
 color: #90ee90;
 display: block;
 margin-bottom: 5px;
}
.framework-btn {
 display: inline-block;
 background: linear-gradient(135deg, #2d5016, #4a7c23);
 color: #90ee90;
 text-decoration: none;
 padding: 12px 25px;
 border-radius: 25px;
 transition: all 0.3s ease;
 border: 2px solid rgba(144, 238, 144, 0.4);
}
.framework-btn:hover {
 background: linear-gradient(135deg, #4a7c23, #90ee90);
 color: #0f0f23;
 transform: translateY(-2px);
}
.tools-categories {
 display: flex;
 flex-direction: column;
 gap: 40px;
 margin-top: 30px;
}
.tool-category h3 {
 color: #90ee90;
 font-size: 1.5rem;
 margin-bottom: 20px;
 display: flex;
 align-items: center;
 gap: 10px;
}
.tool-list {
 display: flex;
 flex-direction: column;
 gap: 20px;
}
.tool-item {
 background: rgba(45, 80, 22, 0.6);
 border: 1px solid rgba(144, 238, 144, 0.3);
 border-radius: 10px;
 padding: 20px;
 transition: all 0.3s ease;
}
.tool-item:hover {
 background: rgba(45, 80, 22, 0.8);
 border-color: rgba(144, 238, 144, 0.6);
 transform: translateX(5px);
}
.tool-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 10px;
}
.tool-type {
 padding: 4px 12px;
 border-radius: 15px;
 font-size: 0.7rem;
 font-weight: bold;
 text-transform: uppercase;
}
.tool-type.enterprise {
 background: #8b5cf6;
 color: white;
}
.tool-type.opensource {
 background: #10b981;
 color: white;
}
.tool-type.cloud {
 background: #3b82f6;
 color: white;
}
.tool-type.free {
 background: #90ee90;
 color: #0f0f23;
}
.tool-type.commercial {
 background: #f7931e;
 color: white;
}
.tool-features {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 margin: 15px 0;
}
.tool-features span {
 background: rgba(144, 238, 144, 0.2);
 color: #90ee90;
 padding: 4px 10px;
 border-radius: 15px;
 font-size: 0.8rem;
}
.tool-link {
 color: #90ee90;
 text-decoration: none;
 font-weight: bold;
 padding: 8px 16px;
 border: 1px solid rgba(144, 238, 144, 0.4);
 border-radius: 20px;
 transition: all 0.3s ease;
}
.tool-link:hover {
 background: rgba(144, 238, 144, 0.2);
 transform: translateY(-2px);
}
.guides-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
 gap: 25px;
 margin-top: 30px;
}
.guide-card {
 background: rgba(45, 80, 22, 0.8);
 border: 2px solid rgba(144, 238, 144, 0.3);
 border-radius: 15px;
 padding: 25px;
 transition: all 0.3s ease;
 position: relative;
 overflow: hidden;
}
.guide-card::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: linear-gradient(135deg, rgba(144, 238, 144, 0.05), rgba(74, 124, 35, 0.05));
 opacity: 0;
 transition: opacity 0.3s ease;
}
.guide-card:hover {
 transform: translateY(-5px);
 box-shadow: 0 15px 35px rgba(144, 238, 144, 0.2);
 border-color: rgba(144, 238, 144, 0.6);
}
.guide-card:hover::before {
 opacity: 1;
}
.guide-icon {
 text-align: center;
 margin-bottom: 20px;
}
.guide-icon i {
 font-size: 3rem;
 color: #90ee90;
 text-shadow: 0 0 10px rgba(144, 238, 144, 0.5);
}
.guide-card h3 {
 color: #90ee90;
 text-align: center;
 margin-bottom: 15px;
 font-size: 1.3rem;
}
.guide-card p {
 color: rgba(255, 255, 255, 0.9);
 text-align: center;
 margin-bottom: 20px;
}
.guide-card ul {
 list-style: none;
 padding: 0;
 margin: 20px 0;
}
.guide-card ul li {
 color: rgba(255, 255, 255, 0.8);
 margin-bottom: 8px;
 font-size: 0.9rem;
 padding-left: 10px;
}
.guide-btn {
 display: block;
 background: linear-gradient(135deg, #2d5016, #4a7c23);
 color: #90ee90;
 text-decoration: none;
 padding: 12px 25px;
 border-radius: 25px;
 text-align: center;
 transition: all 0.3s ease;
 border: 2px solid rgba(144, 238, 144, 0.4);
 font-weight: bold;
 margin-top: 20px;
}
.guide-btn:hover {
 background: linear-gradient(135deg, #4a7c23, #90ee90);
 color: #0f0f23;
 transform: translateY(-2px);
 box-shadow: 0 8px 25px rgba(144, 238, 144, 0.3);
}
.education-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
 gap: 30px;
 margin-top: 30px;
}
.education-card {
 background: rgba(45, 80, 22, 0.8);
 border: 2px solid rgba(144, 238, 144, 0.3);
 border-radius: 15px;
 padding: 30px;
 transition: all 0.3s ease;
 position: relative;
 overflow: hidden;
}
.education-card::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: linear-gradient(135deg, rgba(144, 238, 144, 0.05), rgba(74, 124, 35, 0.05));
 opacity: 0;
 transition: opacity 0.3s ease;
}
.education-card:hover {
 transform: translateY(-5px);
 box-shadow: 0 15px 35px rgba(144, 238, 144, 0.2);
 border-color: rgba(144, 238, 144, 0.6);
}
.education-card:hover::before {
 opacity: 1;
}
.education-icon {
 text-align: center;
 margin-bottom: 20px;
}
.education-icon i {
 font-size: 3.5rem;
 color: #90ee90;
 text-shadow: 0 0 15px rgba(144, 238, 144, 0.6);
}
.education-card h3 {
 color: #90ee90;
 text-align: center;
 margin-bottom: 15px;
 font-size: 1.4rem;
}
.education-card p {
 color: rgba(255, 255, 255, 0.9);
 text-align: center;
 margin-bottom: 25px;
}
.education-card ul {
 list-style: none;
 padding: 0;
 margin: 25px 0;
}
.education-card ul li {
 color: rgba(255, 255, 255, 0.8);
 margin-bottom: 10px;
 font-size: 0.95rem;
 padding-left: 10px;
}
.education-btn {
 display: block;
 background: linear-gradient(135deg, #2d5016, #4a7c23, #228b22);
 color: #90ee90;
 text-decoration: none;
 padding: 15px 30px;
 border-radius: 30px;
 text-align: center;
 transition: all 0.3s ease;
 border: 2px solid rgba(144, 238, 144, 0.4);
 font-weight: bold;
 font-size: 1.1rem;
}
.education-btn:hover {
 background: linear-gradient(135deg, #4a7c23, #228b22, #90ee90);
 color: #0f0f23;
 transform: translateY(-3px) scale(1.05);
 box-shadow: 0 10px 30px rgba(144, 238, 144, 0.4);
}
.training-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
 gap: 25px;
 margin-top: 30px;
}
.training-card {
 background: rgba(45, 80, 22, 0.8);
 border: 2px solid rgba(144, 238, 144, 0.3);
 border-radius: 15px;
 padding: 25px;
 transition: all 0.3s ease;
 position: relative;
 overflow: hidden;
}
.training-card::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: linear-gradient(135deg, rgba(144, 238, 144, 0.05), rgba(74, 124, 35, 0.05));
 opacity: 0;
 transition: opacity 0.3s ease;
}
.training-card:hover {
 transform: translateY(-5px);
 box-shadow: 0 15px 35px rgba(144, 238, 144, 0.2);
 border-color: rgba(144, 238, 144, 0.6);
}
.training-card:hover::before {
 opacity: 1;
}
.training-icon {
 text-align: center;
 margin-bottom: 20px;
}
.training-icon i {
 font-size: 3rem;
 color: #90ee90;
 text-shadow: 0 0 10px rgba(144, 238, 144, 0.5);
}
.training-card h3 {
 color: #90ee90;
 text-align: center;
 margin-bottom: 15px;
 font-size: 1.3rem;
}
.training-card p {
 color: rgba(255, 255, 255, 0.9);
 text-align: center;
 margin-bottom: 20px;
}
.training-card ul {
 list-style: none;
 padding: 0;
 margin: 20px 0;
}
.training-card ul li {
 color: rgba(255, 255, 255, 0.8);
 margin-bottom: 8px;
 font-size: 0.9rem;
 padding-left: 10px;
}
.training-btn {
 display: block;
 background: linear-gradient(135deg, #2d5016, #4a7c23);
 color: #90ee90;
 text-decoration: none;
 padding: 12px 25px;
 border-radius: 25px;
 text-align: center;
 transition: all 0.3s ease;
 border: 2px solid rgba(144, 238, 144, 0.4);
 font-weight: bold;
}
.training-btn:hover {
 background: linear-gradient(135deg, #4a7c23, #90ee90);
 color: #0f0f23;
 transform: translateY(-2px);
 box-shadow: 0 8px 25px rgba(144, 238, 144, 0.3);
}
.compliance-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
 gap: 25px;
 margin-top: 30px;
}
.compliance-card {
 background: rgba(45, 80, 22, 0.8);
 border: 2px solid rgba(144, 238, 144, 0.3);
 border-radius: 15px;
 padding: 25px;
 transition: all 0.3s ease;
 position: relative;
 overflow: hidden;
}
.compliance-card:hover {
 transform: translateY(-5px);
 box-shadow: 0 15px 35px rgba(144, 238, 144, 0.2);
 border-color: rgba(144, 238, 144, 0.6);
}
.compliance-flag {
 font-size: 2rem;
 text-align: center;
 margin-bottom: 15px;
}
.compliance-card h3 {
 color: #90ee90;
 text-align: center;
 margin-bottom: 10px;
 font-size: 1.4rem;
}
.compliance-card p {
 color: rgba(255, 255, 255, 0.9);
 text-align: center;
 margin-bottom: 20px;
 font-size: 0.9rem;
}
.compliance-card ul {
 list-style: none;
 padding: 0;
 margin: 20px 0;
}
.compliance-card ul li {
 color: rgba(255, 255, 255, 0.8);
 margin-bottom: 8px;
 font-size: 0.85rem;
 padding-left: 10px;
}
.compliance-btn {
 display: block;
 background: linear-gradient(135deg, #2d5016, #4a7c23);
 color: #90ee90;
 text-decoration: none;
 padding: 10px 20px;
 border-radius: 20px;
 text-align: center;
 transition: all 0.3s ease;
 border: 2px solid rgba(144, 238, 144, 0.4);
 font-weight: bold;
 font-size: 0.9rem;
}
.compliance-btn:hover {
 background: linear-gradient(135deg, #4a7c23, #90ee90);
 color: #0f0f23;
 transform: translateY(-2px);
 box-shadow: 0 8px 25px rgba(144, 238, 144, 0.3);
}
.feed-container {
 background: rgba(45, 80, 22, 0.6);
 border-radius: 15px;
 padding: 25px;
 margin-top: 30px;
}
.feed-item {
 display: flex;
 align-items: center;
 gap: 15px;
 padding: 15px;
 margin-bottom: 15px;
 background: rgba(144, 238, 144, 0.1);
 border-radius: 10px;
 border-left: 4px solid;
 transition: all 0.3s ease;
}
.feed-item:hover {
 background: rgba(144, 238, 144, 0.2);
 transform: translateX(5px);
}
.feed-time {
 color: rgba(255, 255, 255, 0.6);
 font-size: 0.8rem;
 min-width: 80px;
}
.feed-content {
 flex: 1;
 color: rgba(255, 255, 255, 0.9);
}
.feed-content strong {
 color: #90ee90;
}
.feed-severity {
 padding: 4px 12px;
 border-radius: 15px;
 font-size: 0.7rem;
 font-weight: bold;
 text-transform: uppercase;
}
.feed-severity.critical {
 background: #ff4757;
 color: white;
 border-left-color: #ff4757;
}
.feed-severity.high {
 background: #ff6b35;
 color: white;
 border-left-color: #ff6b35;
}
.feed-severity.medium {
 background: #f7931e;
 color: white;
 border-left-color: #f7931e;
}
.feed-item.critical {
 border-left-color: #ff4757;
}
.feed-item.high {
 border-left-color: #ff6b35;
}
.feed-item.medium {
 border-left-color: #f7931e;
}
.affiliate-disclaimer {
 background: rgba(45, 80, 22, 0.6);
 border: 1px solid rgba(144, 238, 144, 0.3);
 border-radius: 15px;
 padding: 30px;
 margin-top: 40px;
 text-align: center;
}
.disclaimer-content h4 {
 color: #90ee90;
 margin-bottom: 15px;
 font-size: 1.2rem;
}
.disclaimer-content p {
 color: rgba(255, 255, 255, 0.9);
 margin-bottom: 15px;
 line-height: 1.6;
}
.analysis-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
 gap: 30px;
 margin-top: 30px;
}
.analysis-card {
 background: rgba(0, 0, 0, 0.8);
 border-left: 5px solid;
 border-radius: 15px;
 padding: 25px;
 transition: all 0.3s ease;
 position: relative;
 overflow: hidden;
 box-shadow: 
 0 15px 30px rgba(0, 0, 0, 0.4),
 inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.analysis-card::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: 
 radial-gradient(circle at 25% 25%, rgba(74, 124, 42, 0.2) 0%, transparent 40%),
 radial-gradient(circle at 75% 75%, rgba(107, 154, 61, 0.15) 0%, transparent 40%);
 animation: backgroundFloat 12s ease-in-out infinite;
 pointer-events: none;
 border-radius: 15px;
 z-index: 0;
}
.analysis-card > * {
 position: relative;
 z-index: 2;
}
.analysis-card.critical {
 border-left-color: #ff4757;
 background: rgba(80, 22, 22, 0.8);
}
.analysis-card.high {
 border-left-color: #ff6b35;
 background: rgba(80, 45, 22, 0.8);
}
.analysis-card.medium {
 border-left-color: #f7931e;
 background: rgba(80, 65, 22, 0.8);
}
.malware-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 15px;
}
.malware-family {
 background: rgba(144, 238, 144, 0.2);
 color: #90ee90;
 padding: 5px 15px;
 border-radius: 15px;
 font-size: 0.8rem;
 font-weight: bold;
 text-transform: uppercase;
}
.threat-level {
 padding: 5px 15px;
 border-radius: 15px;
 font-size: 0.8rem;
 font-weight: bold;
 text-transform: uppercase;
}
.threat-level.critical {
 background: #ff4757;
 color: white;
}
.threat-level.high {
 background: #ff6b35;
 color: white;
}
.threat-level.medium {
 background: #f7931e;
 color: white;
}
.malware-details {
 background: rgba(144, 238, 144, 0.05);
 border-radius: 10px;
 padding: 20px;
 margin: 20px 0;
}
.detail-row {
 display: flex;
 justify-content: space-between;
 margin-bottom: 10px;
 font-size: 0.9rem;
}
.detail-row strong {
 color: #90ee90;
}
.detail-row code {
 background: rgba(0, 0, 0, 0.5);
 padding: 2px 8px;
 border-radius: 5px;
 font-family: 'Courier New', monospace;
 color: #fbbf24;
}
.ioc-section {
 background: rgba(255, 71, 87, 0.1);
 border: 1px solid rgba(255, 71, 87, 0.3);
 border-radius: 10px;
 padding: 20px;
 margin: 20px 0;
}
.ioc-section h4 {
 color: #ff4757;
 margin-bottom: 15px;
 font-size: 1.1rem;
}
.ioc-list {
 display: flex;
 flex-direction: column;
 gap: 8px;
}
.ioc-item {
 font-size: 0.85rem;
 color: rgba(255, 255, 255, 0.9);
}
.ioc-item strong {
 color: #ff6b35;
 display: inline-block;
 min-width: 120px;
}
.ioc-item code {
 background: rgba(0, 0, 0, 0.6);
 padding: 2px 8px;
 border-radius: 5px;
 font-family: 'Courier New', monospace;
 color: #ff4757;
}
.analysis-actions {
 display: flex;
 gap: 10px;
 flex-wrap: wrap;
 margin-top: 20px;
}
.analysis-btn {
 padding: 8px 16px;
 border-radius: 20px;
 text-decoration: none;
 font-size: 0.9rem;
 transition: all 0.3s ease;
 border: 1px solid rgba(144, 238, 144, 0.3);
 color: #90ee90;
 background: rgba(45, 80, 22, 0.6);
}
.analysis-btn.primary {
 background: linear-gradient(135deg, #2d5016, #4a7c23);
 color: white;
 border-color: rgba(144, 238, 144, 0.6);
}
.analysis-btn:hover {
 transform: translateY(-2px);
 box-shadow: 0 5px 15px rgba(144, 238, 144, 0.3);
}
.families-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
 gap: 25px;
 margin-top: 30px;
}
.family-card {
 background: rgba(0, 0, 0, 0.8);
 border: 2px solid rgba(144, 238, 144, 0.3);
 border-radius: 15px;
 padding: 25px;
 transition: all 0.3s ease;
 position: relative;
 overflow: hidden;
 box-shadow: 
 0 10px 25px rgba(0, 0, 0, 0.3),
 inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.family-card::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: 
 radial-gradient(circle at 20% 20%, rgba(74, 124, 42, 0.15) 0%, transparent 35%),
 radial-gradient(circle at 80% 80%, rgba(107, 154, 61, 0.1) 0%, transparent 35%);
 animation: backgroundFloat 15s ease-in-out infinite;
 pointer-events: none;
 border-radius: 15px;
 z-index: 0;
}
.family-card > * {
 position: relative;
 z-index: 2;
}
.family-card.ransomware {
 border-color: #ff4757;
}
.family-card.banking {
 border-color: #f7931e;
}
.family-card.spyware {
 border-color: #8b5cf6;
}
.family-card.botnet {
 border-color: #06d6a0;
}
.family-icon {
 text-align: center;
 margin-bottom: 20px;
}
.family-icon i {
 font-size: 3rem;
 color: #90ee90;
 text-shadow: 0 0 15px rgba(144, 238, 144, 0.6);
}
.family-card h3 {
 color: #90ee90;
 text-align: center;
 margin-bottom: 15px;
 font-size: 1.4rem;
}
.family-stats {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 15px;
 margin: 20px 0;
}
.stat {
 text-align: center;
 background: rgba(144, 238, 144, 0.1);
 border-radius: 10px;
 padding: 15px;
}
.stat .number {
 display: block;
 font-size: 1.8rem;
 font-weight: bold;
 color: #90ee90;
}
.stat .label {
 font-size: 0.8rem;
 color: rgba(255, 255, 255, 0.8);
 text-transform: uppercase;
}
.notable-families h5 {
 color: #90ee90;
 margin-bottom: 10px;
 font-size: 1rem;
}
.notable-families ul {
 list-style: none;
 padding: 0;
 margin: 0;
}
.notable-families ul li {
 color: rgba(255, 255, 255, 0.8);
 margin-bottom: 5px;
 font-size: 0.9rem;
}
.family-btn {
 display: block;
 background: linear-gradient(135deg, #2d5016, #4a7c23);
 color: #90ee90;
 text-decoration: none;
 padding: 12px 25px;
 border-radius: 25px;
 text-align: center;
 transition: all 0.3s ease;
 border: 2px solid rgba(144, 238, 144, 0.4);
 font-weight: bold;
 margin-top: 20px;
}
.family-btn:hover {
 background: linear-gradient(135deg, #4a7c23, #90ee90);
 color: #0f0f23;
 transform: translateY(-2px);
 box-shadow: 0 8px 25px rgba(144, 238, 144, 0.3);
}
.sandbox-interface {
 background: rgba(0, 0, 0, 0.8);
 border: 2px solid rgba(144, 238, 144, 0.3);
 border-radius: 20px;
 padding: 40px;
 margin-top: 30px;
 position: relative;
 overflow: hidden;
 box-shadow: 
 0 20px 40px rgba(0, 0, 0, 0.5),
 inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.sandbox-interface::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: 
 radial-gradient(circle at 30% 30%, rgba(74, 124, 42, 0.2) 0%, transparent 45%),
 radial-gradient(circle at 70% 70%, rgba(107, 154, 61, 0.15) 0%, transparent 45%);
 animation: backgroundFloat 10s ease-in-out infinite;
 pointer-events: none;
 border-radius: 20px;
 z-index: 0;
}
.sandbox-interface > * {
 position: relative;
 z-index: 2;
}
.upload-area {
 text-align: center;
 padding: 40px;
 border: 2px dashed rgba(144, 238, 144, 0.4);
 border-radius: 15px;
 background: rgba(144, 238, 144, 0.05);
 transition: all 0.3s ease;
}
.upload-area:hover {
 border-color: rgba(144, 238, 144, 0.8);
 background: rgba(144, 238, 144, 0.1);
}
.upload-icon i {
 font-size: 4rem;
 color: #90ee90;
 margin-bottom: 20px;
}
.upload-btn {
 background: linear-gradient(135deg, #2d5016, #4a7c23);
 color: #90ee90;
 border: none;
 padding: 15px 30px;
 border-radius: 25px;
 font-weight: bold;
 cursor: pointer;
 transition: all 0.3s ease;
 margin-top: 20px;
}
.upload-btn:hover {
 background: linear-gradient(135deg, #4a7c23, #90ee90);
 color: #0f0f23;
 transform: translateY(-2px);
}
.file-types {
 color: rgba(255, 255, 255, 0.6);
 font-size: 0.9rem;
 margin-top: 15px;
}
@media (max-width: 768px) {
 .vpn-grid {
 grid-template-columns: 1fr;
 }
 
 .frameworks-grid {
 grid-template-columns: 1fr;
 }
 
 .security-stats {
 grid-template-columns: repeat(2, 1fr);
 }
 
 .cve-details {
 grid-template-columns: 1fr;
 }
 
 .cve-actions {
 flex-direction: column;
 }
 
 .comparison-table {
 overflow-x: auto;
 }
 
 .vpn-card {
 margin: 0 10px;
 }
}
@media (max-width: 480px) {
 .security-stats {
 grid-template-columns: 1fr;
 }
 
 .stat-content h3 {
 font-size: 2rem;
 }
 
 .vpn-card {
 padding: 20px;
 }
 
 .framework-card {
 padding: 20px;
 }
}