:root {
            --pink: #F13E93;
            --yellow: #F1FF5E;
            --white: #FFFFFF;
            --black: #1A1A1A;
        }

        body {
            font-family: 'EB Garamond', serif;
            background-color: var(--white);
            color: var(--black);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        h1, h2, h3, h4 { font-weight: 800; font-style: italic; letter-spacing: -0.03em; line-height: 0.9; }
        
        .page-view { display: none; min-height: 100vh; }
        .page-view.active { display: block; animation: fadeIn 0.8s ease-out forwards; }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .sticky-header {
            transition: all 0.4s ease;
            
        }
        .sticky-header.scrolled {
            padding: 1rem 0 !important;
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(10px);
            box-shadow: 0 10px 30px rgba(241, 62, 147, 0.05);
            border-bottom: 1px solid #eee;
        }

        .btn-pink { background: var(--pink); color: white; padding: 12px 30px; font-weight: bold; border-radius: 0; transition: 0.3s; text-transform: uppercase; letter-spacing: 1px; font-size: 0.75rem; }
        .btn-pink:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(241, 62, 147, 0.2); }
        .btn-yellow { background: var(--yellow); color: black; padding: 12px 30px; font-weight: bold; border-radius: 0; transition: 0.3s; text-transform: uppercase; letter-spacing: 1px; font-size: 0.75rem; }
        .btn-yellow:hover { background: black; color: white; }

        .parallax-hero {
            background-image:url('https://i1-c.pinimg.com/736x/33/9b/82/339b827e96f1823698d9ff9f8bae519b.jpg');
            background-attachment: fixed;
            background-position: center;
            background-size: cover;
        }

        .category-card { transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: pointer; border: 2px solid transparent; }
        .category-card:hover { transform: scale(1.02); border-color: var(--pink); box-shadow: 0 20px 40px rgba(241, 62, 147, 0.1); }

        .job-row { transition: 0.3s; border-bottom: 1px solid #eee; position: relative; overflow: hidden; }
        .job-row:hover { background: #fafafa; padding-left: 20px; }
        
        .typewriter {
            display: inline-block;
            overflow: hidden;
            border-right: .15em solid var(--pink);
            white-space: nowrap;
            margin: 0 auto;
            letter-spacing: .15em;
            animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;
        }

        @keyframes typing { from { width: 0 } to { width: 100% } }
        @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: var(--pink); } }

        .timeline-step { position: relative; z-index: 10; }
        .timeline-circle { width: 30px; height: 30px; background: white; border: 4px solid var(--pink); border-radius: 50%; transition: 0.5s; }
        .timeline-step:hover .timeline-circle { background: var(--pink); transform: scale(1.3); }

        #mobile-menu {
            transition: 0.5s transform cubic-bezier(0.77,0.2,0.05,1.0);
            transform: translateX(100%);
        }
        #mobile-menu.open { transform: translateX(0); }

        .fixed-img-container { height: 600px; position: sticky; top: 150px; }
        
        .testimonial-card { transition: 0.5s opacity; }
        
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-thumb { background: var(--pink); }