/* FULL SCREEN WRAP */
.slgx-coming-soon {
position: relative;
min-height: 100vh;
background: radial-gradient(circle at top, #3a0f6b, #12001f 70%);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
text-align: center;
padding: 40px;
}
/* NEON GRID */
.slgx-grid {
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255,0,255,0.25) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,0,255,0.25) 1px, transparent 1px);
background-size: 60px 60px;
transform: perspective(600px) rotateX(65deg);
transform-origin: center;
opacity: 0.35;
}
/* TRIANGLE FRAME */
.slgx-frame {
position: relative;
z-index: 2;
padding: 80px 60px;
background: linear-gradient(135deg, #190033, #0b0018);
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
box-shadow:
0 0 25px rgba(255,0,255,0.6),
0 0 60px rgba(0,255,255,0.4);
}
/* RETRO TITLE */
.slgx-retro-title {
font-family: 'Audiowide', system-ui, sans-serif;
font-size: clamp(2.8rem, 7vw, 4.8rem);
margin: 0;
transform: skew(-8deg);
color: #4df3ff;
text-shadow:
3px 3px 0 #ff2ec8,
6px 6px 0 #ffb000,
0 0 18px rgba(77,243,255,0.9),
0 0 40px rgba(255,46,200,0.7);
}
/* SUBTITLE */
.slgx-subtitle {
margin-top: 16px;
font-size: 1.2rem;
letter-spacing: 4px;
text-transform: uppercase;
color: #ff8bdc;
}
/* NEWSLETTER FORM */
.slgx-newsletter {
margin-top: 32px;
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
}
.slgx-newsletter input {
padding: 12px 16px;
border-radius: 4px;
border: none;
min-width: 240px;
font-size: 1rem;
}
.slgx-newsletter button {
padding: 12px 22px;
background: linear-gradient(135deg, #00e5ff, #ff2ec8);
border: none;
color: #000;
font-weight: 700;
cursor: pointer;
box-shadow: 0 0 18px rgba(255,46,200,0.8);
}
.slgx-newsletter button:hover {
transform: scale(1.05);
}