@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap');
        
        :root {
            --crimson: #DC143C;
            --crimson-dark: #990000;
            --crimson-light: #FF6B6B;
            --white: #FFFFFF;
            --off-white: #F5F5F5;
            --dark: #1A1A1A;
        }
        
        body {
            font-family: 'Poppins', sans-serif;
            background-color: var(--off-white);
            color: var(--dark);
            overflow-x: hidden;
        }
        
        h1, h2, h3, h4 {
            font-family: 'Orbitron', sans-serif;
        }
        
        .crimson-text {
            color: var(--crimson);
        }
        
        .bg-crimson {
            background-color: var(--crimson);
        }
        
        .bg-crimson-dark {
            background-color: var(--crimson-dark);
        }
        
        .bg-crimson-light {
            background-color: var(--crimson-light);
        }
        
        .nav-link {
            position: relative;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -2px;
            left: 0;
            background-color: var(--crimson);
            transition: width 0.3s ease;
        }
        
        .nav-link:hover::after {
            width: 100%;
        }
        
        .project-card {
            transition: all 0.3s ease;
            border: 1px solid rgba(220, 20, 60, 0.2);
        }
        
        .project-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(220, 20, 60, 0.2);
        }
        
        .hexagon {
            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
        }
        
        .geometric-bg {
            background: linear-gradient(135deg, var(--off-white) 25%, transparent 25%) -50px 0,
                        linear-gradient(225deg, var(--off-white) 25%, transparent 25%) -50px 0,
                        linear-gradient(315deg, var(--off-white) 25%, transparent 25%),
                        linear-gradient(45deg, var(--off-white) 25%, transparent 25%);
            background-size: 100px 100px;
            background-color: var(--white);
        }
        
        .tech-bubble {
            display: inline-block;
            padding: 5px 15px;
            margin: 5px;
            border-radius: 20px;
            background-color: rgba(220, 20, 60, 0.1);
            color: var(--crimson-dark);
            font-size: 0.8rem;
            font-weight: 500;
        }
        
        .glow {
            text-shadow: 0 0 10px rgba(220, 20, 60, 0.5);
        }
        
        .section-title {
            position: relative;
            display: inline-block;
        }
        
        .section-title::after {
            content: '';
            position: absolute;
            width: 50%;
            height: 3px;
            bottom: -5px;
            left: 0;
            background-color: var(--crimson);
        }
        
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        
        .floating {
            animation: float 6s ease-in-out infinite;
        }