Please Fill Out The Form Below To Contact Pro Entry
/* --- GLOBAL RESET TO ELIMINATE GAPS --- */
html, body {
margin: 0;
padding: 0;
}
/* --- Audience Skyrocket Section Styles --- */
:root {
--tcg-black: #000000;
--tcg-black-card-bg: #1a1a1a;
--tcg-yellow: #fdfd00;
--tcg-white: #ffffff;
--muted-grey: #666666;
--before-bar: #e41717;
--before-circle: #ff1c1c;
--after-bar: #00c800;
--after-circle: #00ff00;
}
.skyrocket-results-section {
background-color: var(--tcg-black);
color: var(--tcg-white);
/* REDUCED PADDING: 60px top, 0px bottom to kill the gap */
padding: 60px 20px 0px;
font-family: 'Montserrat', sans-serif;
text-align: center;
/* REMOVE MIN-HEIGHT: This is the primary killer of empty space */
min-height: auto !important;
display: block;
overflow: hidden; /* Prevents internal margins from leaking out */
}
.results-container {
max-width: 1200px;
margin: 0 auto;
/* Ensure container doesn't have its own bottom margin */
margin-bottom: 0 !important;
}
.section-title {
font-size: 2.8rem;
font-weight: 700;
margin-top: 0; /* Remove top margin */
margin-bottom: 40px;
text-shadow: 0 0 10px rgba(253, 253, 0, 0.4);
}
.skyrocket-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
/* Ensure the grid doesn't push the bottom of the section down */
margin-bottom: 0;
}
.skyrocket-card {
background-color: var(--tcg-black-card-bg);
border-radius: 12px;
overflow: hidden;
text-align: left;
box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.05);
}
/* Header bars */
.card-bar {
text-align: center;
padding: 8px 0;
font-weight: bold;
font-size: 1.1rem;
color: var(--tcg-white);
}
.skyrocket-card.before .card-bar { background-color: var(--before-bar); }
.skyrocket-card.after .card-bar { background-color: var(--after-bar); }
/* Stats Container */
.card-stats {
padding: 15px 20px;
display: flex;
align-items: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.profile-pic-container {
width: 60px;
height: 60px;
margin-right: 20px;
}
.demo-avatar {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
display: flex;
align-items: center;
justify-content: center;
color: var(--tcg-white);
font-size: 0.9rem;
}
.stats-item {
flex: 1;
text-align: center;
font-size: 1.2rem;
font-weight: bold;
}
.stats-item .label {
display: block;
font-size: 0.8rem;
font-weight: 400;
}
/* Bio Section */
.card-bio {
background-color: #212121;
padding: 15px 25px;
line-height: 1.4;
}
/* Responsiveness */
@media (max-width: 900px) {
.skyrocket-grid {
grid-template-columns: 1fr;
gap: 20px;
}
}