@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

        /* Animation Styles */
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        
        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .slide-in-left {
            opacity: 0;
            transform: translateX(-50px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
        
        .slide-in-left.visible {
            opacity: 1;
            transform: translateX(0);
        }
        
        .slide-in-right {
            opacity: 0;
            transform: translateX(50px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
        
        .slide-in-right.visible {
            opacity: 1;
            transform: translateX(0);
        }
        
        .stagger-1 { transition-delay: 0.2s; }
        .stagger-2 { transition-delay: 0.4s; }
        .stagger-3 { transition-delay: 0.6s; }
        .stagger-4 { transition-delay: 0.8s; }
        .stagger-5 { transition-delay: 1.0s; }
        
        /* Smooth scroll behavior */
        html {
            scroll-behavior: smooth;
        }

        /* Full height hero */
        .hero-full {
            min-height: 100vh;
            min-height: 100svh;
            background: linear-gradient(135deg, #ffffff 0%, #f8fafc 50%, #f1f5f9 100%);
            position: relative;
        }

        /* Subtle geometric pattern */
        .hero-full::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: 
                radial-gradient(circle at 25% 25%, rgba(51, 65, 85, 0.03) 0%, transparent 50%),
                radial-gradient(circle at 75% 75%, rgba(51, 65, 85, 0.03) 0%, transparent 50%);
            pointer-events: none;
        }

        /* Clean profile image */
        .profile-image {
            position: relative;
            border: 4px solid white;
            background: white;
        }

        .profile-image::after {
            content: '';
            position: absolute;
            top: -8px;
            left: -8px;
            right: -8px;
            bottom: -8px;
            background: linear-gradient(135deg, rgba(51, 65, 85, 0.1), rgba(51, 65, 85, 0.05));
            border-radius: 50%;
            z-index: -1;
        }

        /* Hover effects for social links */
        .social-link {
            transition: all 0.3s ease;
        }
        
        .social-link:hover {
            transform: translateY(-2px);
        }

        /* Clean button styling */
        .btn-primary {
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        .btn-primary::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s;
        }

        .btn-primary:hover::before {
            left: 100%;
        }

        /* Logo styling */
        .logo-item {
            filter: grayscale(100%) opacity(0.6);
            transition: all 0.3s ease;
        }

        .logo-item:hover {
            filter: grayscale(0%) opacity(1);
        }

        /* Custom font family classes */
        .font-serif {
            font-family: 'Crimson Text', serif;
        }
        
        .font-sans {
            font-family: 'Inter', sans-serif;
        }