Pek yakında
hizmet vermeye başlayacaktır
En yeni ürünleri ve özel fırsatları kaçırmayın — e-posta ile bilgilendirilebilirsiniz.
/* Scoped styles for coming-soon-widget to reduce conflict */
.coming-soon-widget {
position: relative;
overflow: visible;
max-width: 960px;
margin: 30px auto;
border-radius: 18px;
padding: 28px;
display: flex;
align-items: center;
gap: 24px;
background: linear-gradient(135deg, rgba(255,255,255,0.06), rgba(0,0,0,0.02));
box-shadow: 0 10px 30px rgba(12, 20, 40, 0.12);
backdrop-filter: blur(6px);
border: 1px solid rgba(255,255,255,0.04);
font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* Decorative blob */
.coming-soon-widget .blob {
position: absolute;
right: -6%;
top: -18%;
width: 36%;
height: 140%;
background: radial-gradient(circle at 30% 30%, #ffd6e8, #f3c4ff 30%, #c7eaff 60%);
filter: blur(36px);
transform: rotate(-12deg);
border-radius: 48% 52% 40% 60% / 50% 40% 60% 50%;
opacity: 0.85;
pointer-events: none;
z-index: 0;
animation: floatBlob 6s ease-in-out infinite;
}
/* Floating animation for blob */
@keyframes floatBlob {
0% { transform: rotate(-12deg) translateY(0px) scale(1); }
50% { transform: rotate(-8deg) translateY(-10px) scale(1.02); }
100% { transform: rotate(-12deg) translateY(0px) scale(1); }
}
/* Content */
.coming-soon-widget .content {
z-index: 2;
width: 100%;
color: #0f1724;
display: flex;
flex-direction: column;
gap: 12px;
}
.title {
margin: 0;
font-size: clamp(26px, 4vw, 40px);
letter-spacing: 0.6px;
font-weight: 700;
color: #111827;
text-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
/* Animated underline under title */
.title::after {
content: "";
display: block;
width: 72px;
height: 6px;
margin-top: 8px;
border-radius: 999px;
background: linear-gradient(90deg, #ff9ac2, #b8f0ff);
transform-origin: left center;
animation: slideIn 1.2s ease both;
}
@keyframes slideIn {
from { transform: scaleX(0); opacity: 0; }
to { transform: scaleX(1); opacity: 1; }
}
.subtitle {
margin: 0;
font-size: clamp(16px, 2vw, 20px);
color: #374151;
font-weight: 600;
}
/* Details text */
.details p {
margin: 8px 0 0 0;
color: #4b5563;
font-size: 14px;
max-width: 60ch;
}
/* Form */
.form {
margin-top: 12px;
display: flex;
gap: 8px;
align-items: center;
max-width: 520px;
}
.form input[type="email"] {
flex: 1;
padding: 10px 12px;
border-radius: 12px;
border: 1px solid rgba(15,23,36,0.06);
background: rgba(255,255,255,0.9);
font-size: 14px;
outline: none;
box-shadow: 0 4px 14px rgba(12,20,40,0.04);
}
.form input::placeholder { color: #9ca3af; }
.form button {
padding: 10px 16px;
border-radius: 12px;
border: none;
font-weight: 600;
background: linear-gradient(90deg,#ff7ab6,#7bd8ff);
color: #06202b;
cursor: pointer;
box-shadow: 0 8px 20px rgba(123,216,255,0.18);
transition: transform .15s ease, box-shadow .15s ease;
}
.form button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(123,216,255,0.22); }
.form button:active { transform: translateY(0); }
/* Responsive adjustments */
@media (max-width: 740px) {
.coming-soon-widget {
padding: 20px;
}
.coming-soon-widget .blob { display: none; }
.details p { max-width: 100%; }
}