.elementor-909 .elementor-element.elementor-element-21fef34{--display:flex;}/* Start custom CSS for html, class: .elementor-element-ab24f40 */.generator-hero-dark {
background: linear-gradient(140deg, #0E1A2B 30%, #E4E8EF);
padding: 80px 20px;
text-align: center;
color: white;
}

.generator-hero-dark h1 {
font-size: 36px;
margin-top: 40px;
margin-bottom: 10px;
color: #ffffff !important;
}

.generator-title {
font-family: 'Manrope', sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
}

.generator-hero-dark p {
color: #cbd5e1;
margin-bottom: 30px;
}

.generator-hero-dark .generator-box {
background: white;
border-radius: 16px;
padding: 30px;
max-width: 500px;
margin: 0 auto;
box-shadow: 0 25px 60px rgba(0,0,0,0.25);
}

/* Fade in animation */
.generator-hero-dark {
animation: fadeInUp 0.6s ease;
}

.generator-box {
animation: fadeInUp 0.8s ease;
}

.generator-content {
animation: fadeInUp 1s ease;
}

@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.runiq-article {
margin-top: 0 !important;
padding-top: 0 !important;
}

.generator-hero-dark {
margin-top: -120px;
}

.generator-hero-dark {
width: 100vw;
margin-left: calc(-50vw + 50%);
padding: 100px 20px;
}

.page-id-123 header {
position: static !important;
}

.minimal-header {
text-align: center;
padding: 20px 0 10px;
background: transparent;
}

.minimal-header img {
height: 70px;
width: auto;
}

.generator-box {
backdrop-filter: blur(6px);
}

.generator-hero-dark {
padding-bottom: 80px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21fef34 */.runiq-generator {
max-width: 900px;
margin: 0 auto;
padding: 20px;
font-family: inherit;
}

.generator-hero {
text-align: center;
}

.generator-subtitle {
font-size: 18px;
color: #555;
margin-bottom: 10px;
}

.trust-line {
font-size: 14px;
color: #888;
margin-bottom: 20px;
}

.generator-box {
background: #fff;
border-radius: 12px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
max-width: 500px;
margin: 0 auto;
}

.generator-form {
display: flex;
flex-direction: column;
gap: 15px;
}

.generator-form label {
font-weight: 600;
}

.generator-form select {
padding: 10px;
border-radius: 6px;
border: 1px solid #ccc;
font-size: 16px;
}

.generator-form button {
background: #2ecc71;
color: white;
padding: 14px;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: 0.2s;
}

.generator-form button:hover {
background: #27ae60;
}

.micro-copy {
font-size: 13px;
color: #777;
text-align: center;
}

.generator-content {
margin-top: 40px;
}

.generator-content h2 {
margin-bottom: 10px;
}

.generator-content ul {
padding-left: 20px;
}

.generator-content li {
margin-bottom: 8px;
}

.page-id-909 header,
.page-id-909 .elementor-location-header,
.page-id-909 .site-header {
display: none !important;
}/* End custom CSS */