/* YoroiSoft Kurumsal Stil Dosyasi */
:root {
    --primary: #1e40af;
    --accent: #dc2626;
    --bg-light: #ffffff;
    --bg-soft: #f8fafc;
    --text-dark: #0f172a;
    --text-muted: #64748b;
}

body { 
    font-family: 'Inter', sans-serif; 
    scroll-behavior: smooth; 
}

.animate-shine-slow { 
    background-size: 200% auto; 
    animation: shine 3s linear infinite; 
}

@keyframes shine { 
    to { background-position: 200% center; } 
}

/* Form Odaklanma */
input:focus {
    border-color: var(--accent) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

section {
    position: relative;
}

/* YoroiSoft Resmi Logo Stili */
.yoroi-logo {
    display: inline-flex;
    align-items: center;
    font-weight: 800;
    letter-spacing: -0.02em;
    font-family: 'Inter', sans-serif;
}
.yoroi-logo .red-part {
    color: #dc2626; /* Tailwind Red-600 */
}
.yoroi-logo .white-part {
    color: #ffffff;
}

/* --- YENİ YOROISOFT GÖRSEL SİSTEMİ --- */

html { scroll-behavior: smooth; }

.float-animation {
    animation: floating 4s ease-in-out infinite;
}
@keyframes floating {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

.glow-effect {
    position: relative;
}
.glow-effect::before {
    content: '';
    position: absolute;
    inset: -3px;
    background: linear-gradient(45deg, #f43f5e, #dc2626, #f43f5e, #1e3a8a);
    background-size: 200% 200%;
    z-index: -1;
    border-radius: inherit;
    filter: blur(12px);
    opacity: 0.6;
    animation: glow-pulse 3s linear infinite;
}
@keyframes glow-pulse {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
.marquee-content {
    display: inline-flex;
    animation: marquee 25s linear infinite;
    gap: 4rem;
    padding-right: 4rem;
}
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}