/* public/frontend/css/style.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

  html { scroll-behavior: smooth; }
    body { font-family: 'Inter', sans-serif; }
    
    .glass {
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      background: rgba(247, 244, 238, 0.84);
    }
    
    .mega-panel { 
        visibility: hidden;
        opacity: 0;
        transform: translateY(10px) translateX(-50%);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .mega-trigger:hover .mega-panel,
    .mega-trigger:focus-within .mega-panel { 
        visibility: visible;
        opacity: 1;
        transform: translateY(0) translateX(-50%);
        transition-delay: 0.1s; 
    }

    .prose-soft p { margin-bottom: 1rem; }
    
    details > summary { list-style: none; }
    details > summary::-webkit-details-marker { display: none; }
    details[open] summary ~ * {
        animation: slideDown 0.3s ease-out;
    }
    @keyframes slideDown {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
    .reveal.active { opacity: 1; transform: translateY(0); }

    .timeline-dot { transition: all 0.3s ease; }
    .timeline-item:hover .timeline-dot { transform: scale(1.3); background-color: #26435F; border-color: #F7F4EE; }
    
    /* Özel Scrollbar */
    ::-webkit-scrollbar { width: 8px; }
    ::-webkit-scrollbar-track { background: #EFE8DD; }
    ::-webkit-scrollbar-thumb { background: #26435F; border-radius: 4px; }