/* 
   GORP V4 ANAYASASI 
   Arka Plan: Ultra Parlak Fildişi
   Stil: Floating (Yüzen) Kartlar
*/

:root {
    --bg-parlak: radial-gradient(circle at 50% -20%, #ffffff 0%, #fcfcfd 60%, #f2f2f7 100%);
    --shadow-derin: 0 10px 20px rgba(0,0,0,0.02), 0 30px 60px rgba(0,0,0,0.05), 0 60px 100px -20px rgba(0,0,0,0.1);
    --primary-mavi: #007AFF;
    --radius-oval: 35px;
}

body {
    background: var(--bg-parlak);
    background-attachment: fixed;
    font-family: 'Inter', -apple-system, sans-serif;
    margin: 0;
    min-height: 100vh;
}

/* 🛸 HAVADA ASILI KART (FLOATING CARD) */
.card-floating {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(20px);
    border-radius: var(--radius-oval);
    box-shadow: var(--shadow-derin);
    border: 1px solid rgba(255, 255, 255, 1);
    padding: 40px;
}

/* ✍️ INPUT VE BUTONLAR */
.input-modern {
    background: rgba(0, 0, 0, 0.04);
    border: 2px solid transparent;
    border-radius: 18px;
    padding: 16px;
    width: 100%;
    outline: none;
    transition: 0.3s;
}

.input-modern:focus {
    background: white;
    border-color: var(--primary-mavi);
}

.btn-modern {
    background: var(--primary-mavi);
    color: white;
    border: none;
    border-radius: 20px;
    padding: 18px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(0, 122, 255, 0.2);
    width: 100%;
}

/* 🛸 YÖNLENDİRME KARTI (Hizmetinizde Kartı) */
.v4-redirect-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: var(--v4-radius);
    padding: 50px 40px;
    box-shadow: var(--v4-floating-shadow);
    border: 1px solid rgba(255, 255, 255, 0.8);
    text-align: center;
    max-width: 500px;
    width: 90%;
    
    /* 🚀 Havada süzülme animasyonu */
    animation: floatingAnimation 4s ease-in-out infinite;
}

/* 🧊 Hafifçe yukarı aşağı süzülme hareketi */
@keyframes floatingAnimation {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}

/* 🔘 V4 Modern Buton */
.v4-btn {
    background: #007AFF;
    color: white;
    padding: 18px 35px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 700;
    display: inline-block;
    box-shadow: 0 10px 20px rgba(0, 122, 255, 0.2);
    transition: all 0.3s ease;
}

.v4-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 15px 30px rgba(0, 122, 255, 0.3);
}
/* v2_genel.css - Güncellenmiş Havada Durma Efekti */

.v4-card {
    background: rgba(255, 255, 255, 0.98); /* Daha dolgun bir beyaz */
    border-radius: 35px;
    padding: 35px;
    
    /* 🛸 Gerçek derinlik hissi veren çok katmanlı gölge */
    box-shadow: 
        0 10px 20px rgba(0,0,0,0.02), 
        0 30px 60px rgba(0,0,0,0.05), 
        0 60px 100px -20px rgba(0,0,0,0.1); 
    
    border: 1px solid rgba(255, 255, 255, 1);
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
:root {
    /* 🍏 Ultra Parlak Fildişi Zemin */
    --v4-bg: radial-gradient(circle at 50% -20%, #ffffff 0%, #fafafb 50%, #f2f2f7 100%);
    /* 🛸 Derin Havada Durma Gölgesi */
    --v4-shadow: 
        0 15px 30px rgba(0,0,0,0.03), 
        0 30px 60px rgba(0,0,0,0.05), 
        0 50px 100px -20px rgba(0,0,0,0.1);
}

body {
    background: var(--v4-bg);
    background-attachment: fixed;
    margin: 0;
    font-family: 'Inter', sans-serif;
}

.card-floating {
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(25px);
    border-radius: 40px;
    box-shadow: var(--v4-shadow);
    border: 1px solid rgba(255, 255, 255, 1);
    padding: 45px 35px;
}

.input-modern {
    background: rgba(0, 0, 0, 0.04);
    border: 2px solid transparent;
    border-radius: 18px;
    padding: 16px 20px;
    width: 100%;
    box-sizing: border-box;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.input-modern:focus {
    background: white;
    border-color: #007AFF;
    box-shadow: 0 0 0 5px rgba(0, 122, 255, 0.1);
}

.btn-modern {
    background: #007AFF;
    color: white;
    border: none;
    border-radius: 22px;
    padding: 18px;
    font-weight: 700;
    font-size: 16px;
    width: 100%;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(0, 122, 255, 0.2);
}

/* Mobilde kartın ekranı daha iyi doldurması için */
@media (max-width: 480px) {
    .v4-card {
        margin: 15px;
        padding: 30px 20px;
        border-radius: 40px; /* Mobilde daha oval daha şık durur */
    }
}