@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
        
        body {
            font-family: 'Montserrat', sans-serif;
            overflow-x: hidden;
            background-color: #0f172a;
        }
        
        .hero-section-7842 {
            background: radial-gradient(circle at 70% 30%, #1e3a8a 0%, #0f172a 70%);
            min-height: 100vh;
            position: relative;
            overflow: hidden;
        }
        
        .hero-glow-3579 {
            position: absolute;
            top: -50%;
            right: -20%;
            width: 80%;
            height: 80%;
            background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, rgba(59, 130, 246, 0) 70%);
            border-radius: 50%;
            pointer-events: none;
        }
        
        .printer-animation-5931 {
            position: relative;
            width: 380px;
            height: 320px;
            perspective: 1200px;
            margin-top: 20px;
        }
        
        .printer-container-8642 {
            position: relative;
            transform-style: preserve-3d;
            transform: rotateX(10deg) rotateY(-5deg);
            animation: printer-float-9753 6s ease-in-out infinite;
        }
        
        @keyframes printer-float-9753 {
            0%, 100% {
                transform: rotateX(10deg) rotateY(-5deg) translateY(0);
            }
            50% {
                transform: rotateX(12deg) rotateY(-3deg) translateY(-10px);
            }
        }
        
        .printer-body-2468 {
            width: 340px;
            height: 120px;
            background: linear-gradient(to bottom, #f3f4f6, #d1d5db);
            border-radius: 15px;
            position: relative;
            box-shadow: 
                0 20px 25px -5px rgba(0, 0, 0, 0.3), 
                0 10px 10px -5px rgba(0, 0, 0, 0.2),
                inset 0 -2px 6px rgba(0, 0, 0, 0.1);
            transform-style: preserve-3d;
        }
        
        .printer-top-9876 {
            width: 340px;
            height: 25px;
            background: linear-gradient(to bottom, #f9fafb, #f3f4f6);
            border-radius: 15px 15px 0 0;
            position: absolute;
            top: -25px;
            left: 0;
            transform-origin: bottom;
            transform: rotateX(5deg);
            box-shadow: 
                inset 0 2px 4px rgba(0, 0, 0, 0.05),
                0 -2px 5px rgba(0, 0, 0, 0.05);
        }
        
        .printer-front-8765 {
            width: 320px;
            height: 35px;
            background: linear-gradient(to bottom, #4b5563, #374151);
            position: absolute;
            bottom: 0;
            left: 10px;
            border-radius: 0 0 12px 12px;
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
        }
        
        .printer-tray-3579 {
            width: 300px;
            height: 15px;
            background: linear-gradient(to bottom, #374151, #1f2937);
            position: absolute;
            top: 70px;
            left: 20px;
            border-radius: 8px;
            box-shadow: 
                inset 0 2px 4px rgba(0, 0, 0, 0.3),
                0 2px 4px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }
        
        .printer-tray-highlight-4680 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, 
                rgba(255, 255, 255, 0) 0%, 
                rgba(255, 255, 255, 0.1) 50%, 
                rgba(255, 255, 255, 0) 100%);
        }
        
        .printer-buttons-1357 {
            position: absolute;
            top: 20px;
            right: 25px;
            display: flex;
            gap: 10px;
        }
        
        .printer-button-2468 {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #60a5fa;
            box-shadow: 
                0 0 8px rgba(96, 165, 250, 0.6),
                inset 0 -2px 3px rgba(0, 0, 0, 0.2);
            animation: pulse-8642 2s infinite alternate;
            position: relative;
        }
        
        .printer-button-2468::after {
            content: '';
            position: absolute;
            top: 2px;
            left: 4px;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.7);
        }
        
        @keyframes pulse-8642 {
            0% {
                box-shadow: 
                    0 0 8px rgba(96, 165, 250, 0.6),
                    inset 0 -2px 3px rgba(0, 0, 0, 0.2);
            }
            100% {
                box-shadow: 
                    0 0 15px rgba(96, 165, 250, 0.8),
                    inset 0 -2px 3px rgba(0, 0, 0, 0.2);
            }
        }
        
        .printer-led-3456 {
            position: absolute;
            top: 25px;
            left: 25px;
            width: 35px;
            height: 8px;
            background: linear-gradient(to right, #10b981, #34d399);
            border-radius: 4px;
            box-shadow: 0 0 10px rgba(16, 185, 129, 0.7);
            animation: blink-7531 4s infinite;
        }
        
        .printer-led-3456::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 50%;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 4px 4px 0 0;
        }
        
        @keyframes blink-7531 {
            0%, 100% {
                opacity: 1;
                box-shadow: 0 0 10px rgba(16, 185, 129, 0.7);
            }
            50% {
                opacity: 0.7;
                box-shadow: 0 0 5px rgba(16, 185, 129, 0.4);
            }
        }
        
        .printer-logo-7890 {
            position: absolute;
            top: 45px;
            left: 25px;
            font-size: 12px;
            font-weight: 700;
            color: #6b7280;
            letter-spacing: 1px;
            text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
        }
        
        .printer-paper-9753 {
            width: 240px;
            height: 0px;
            background: linear-gradient(to bottom, #f9fafb, #f3f4f6);
            position: absolute;
            top: 75px;
            left: 50px;
            border-radius: 6px;
            box-shadow: 
                0 1px 3px rgba(0, 0, 0, 0.1),
                0 1px 2px rgba(0, 0, 0, 0.06);
            animation: print-paper-8642 4s infinite;
            transform-origin: top center;
            z-index: 10;
            overflow: hidden;
        }
        
        @keyframes print-paper-8642 {
            0% {
                height: 0px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
                filter: brightness(1);
            }
            5% {
                height: 0px;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            }
            30% {
                height: 180px;
                box-shadow: 
                    0 10px 15px -3px rgba(0, 0, 0, 0.1), 
                    0 4px 6px -2px rgba(0, 0, 0, 0.05);
                filter: brightness(1.05);
            }
            70% {
                height: 180px;
                box-shadow: 
                    0 10px 15px -3px rgba(0, 0, 0, 0.1), 
                    0 4px 6px -2px rgba(0, 0, 0, 0.05);
                filter: brightness(1.05);
            }
            100% {
                height: 180px;
                box-shadow: 
                    0 10px 15px -3px rgba(0, 0, 0, 0.1), 
                    0 4px 6px -2px rgba(0, 0, 0, 0.05);
                filter: brightness(1.05);
            }
        }
        
        .paper-content-6420 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 15px;
            opacity: 0;
            animation: fade-in-7531 4s infinite;
        }
        
        @keyframes fade-in-7531 {
            0% {
                opacity: 0;
            }
            40% {
                opacity: 0;
            }
            50% {
                opacity: 1;
            }
            100% {
                opacity: 1;
            }
        }
        
        .paper-line-4567 {
            height: 2px;
            background: linear-gradient(to right, transparent, rgba(59, 130, 246, 0.5), transparent);
            margin: 10px 0;
            width: 100%;
            animation: scan-line-1234 2s infinite;
            position: relative;
            overflow: hidden;
        }
        
        .paper-line-4567::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 50%;
            height: 100%;
            background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8), transparent);
            animation: line-shine-5678 2s infinite;
        }
        
        @keyframes line-shine-5678 {
            0% {
                left: -100%;
            }
            100% {
                left: 200%;
            }
        }
        
        @keyframes scan-line-1234 {
            0% {
                background-position: -100% 0;
            }
            100% {
                background-position: 200% 0;
            }
        }
        
        .printer-shadow-6789 {
            position: absolute;
            bottom: -25px;
            left: 10%;
            width: 80%;
            height: 25px;
            background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 70%);
            border-radius: 50%;
            animation: shadow-pulse-1357 6s ease-in-out infinite;
        }
        
        @keyframes shadow-pulse-1357 {
            0%, 100% {
                transform: scale(1);
                opacity: 0.3;
            }
            50% {
                transform: scale(0.9);
                opacity: 0.2;
            }
        }
        
        .printer-gears-2468 {
            position: absolute;
            top: 30px;
            left: 150px;
            width: 40px;
            height: 40px;
            opacity: 0;
            animation: gear-fade-3579 4s infinite;
        }
        
        @keyframes gear-fade-3579 {
            0%, 100% {
                opacity: 0;
            }
            15%, 25% {
                opacity: 0.7;
            }
        }
        
        .gear-9876 {
            position: absolute;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 3px dashed rgba(59, 130, 246, 0.7);
            animation: gear-spin-5432 2s linear infinite;
        }
        
        .gear-9876:nth-child(2) {
            top: 15px;
            left: 15px;
            width: 15px;
            height: 15px;
            animation-direction: reverse;
            animation-duration: 3s;
        }
        
        @keyframes gear-spin-5432 {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        
        .ink-drop-8765 {
            position: absolute;
            width: 8px;
            height: 8px;
            background: #3b82f6;
            border-radius: 50%;
            opacity: 0;
            animation: ink-drop-animation-9876 4s infinite;
            filter: drop-shadow(0 0 2px rgba(59, 130, 246, 0.5));
        }
        
        @keyframes ink-drop-animation-9876 {
            0%, 100% {
                opacity: 0;
                transform: translateY(0);
            }
            20% {
                opacity: 0.8;
                transform: translateY(10px);
            }
            30% {
                opacity: 0;
                transform: translateY(20px);
            }
        }
        
        .printing-effect-1234 {
            position: absolute;
            top: 70px;
            left: 50px;
            width: 240px;
            height: 5px;
            background: linear-gradient(to right, 
                rgba(59, 130, 246, 0) 0%, 
                rgba(59, 130, 246, 0.5) 50%, 
                rgba(59, 130, 246, 0) 100%);
            border-radius: 5px;
            opacity: 0;
            filter: blur(2px);
            animation: printing-scan-5678 4s infinite;
        }
        
        @keyframes printing-scan-5678 {
            0%, 100% {
                opacity: 0;
            }
            15%, 25% {
                opacity: 1;
                transform: translateY(0);
            }
            28% {
                opacity: 0;
                transform: translateY(180px);
            }
        }
        
        .paper-content-item-8642 {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
            padding: 8px;
            border-radius: 8px;
            background: white;
            box-shadow: 
                0 1px 3px rgba(0, 0, 0, 0.05), 
                0 1px 2px rgba(0, 0, 0, 0.1);
            transform: translateY(20px);
            opacity: 0;
            animation: slide-in-9753 0.5s ease forwards;
        }
        
        .paper-content-item-8642:nth-child(1) {
            animation-delay: 2s;
        }
        
        .paper-content-item-8642:nth-child(2) {
            animation-delay: 2.2s;
        }
        
        .paper-content-item-8642:nth-child(3) {
            animation-delay: 2.4s;
        }
        
        @keyframes slide-in-9753 {
            0% {
                transform: translateY(20px);
                opacity: 0;
            }
            100% {
                transform: translateY(0);
                opacity: 1;
            }
        }
        
        .feature-icon-7531 {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: 28px;
            height: 28px;
            border-radius: 50%;
            background: rgba(59, 130, 246, 0.1);
            box-shadow: 
                0 4px 6px -1px rgba(59, 130, 246, 0.1), 
                0 2px 4px -1px rgba(59, 130, 246, 0.06);
        }
        
        .explore-btn-1234 {
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
            box-shadow: 
                0 10px 15px -3px rgba(37, 99, 235, 0.3), 
                0 4px 6px -2px rgba(37, 99, 235, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
        }
        
        .explore-btn-1234:hover {
            transform: translateY(-3px);
            box-shadow: 
                0 15px 20px -3px rgba(37, 99, 235, 0.4), 
                0 8px 8px -2px rgba(37, 99, 235, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.1);
        }
        
        .explore-btn-1234::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, 
                transparent 0%, 
                rgba(255, 255, 255, 0.2) 50%, 
                transparent 100%);
            transition: all 0.6s ease;
        }
        
        .explore-btn-1234:hover::after {
            left: 100%;
        }
        
        .learn-btn-5678 {
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        }
        
        .learn-btn-5678:hover {
            background-color: rgba(255, 255, 255, 0.1);
            border-color: rgba(255, 255, 255, 0.3);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }
        
        .learn-btn-5678::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 2px;
            background: linear-gradient(to right, #3b82f6, #60a5fa);
            transition: all 0.3s ease;
        }
        
        .learn-btn-5678:hover::before {
            width: 100%;
        }
        
        .floating-icons-9876 {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            overflow: hidden;
            pointer-events: none;
        }
        
        .icon-float-5432 {
            position: absolute;
            opacity: 0.1;
            animation: float-animation-3210 15s infinite linear;
            filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.1));
        }
        
        @keyframes float-animation-3210 {
            0% {
                transform: translateY(0) rotate(0deg);
                opacity: 0.1;
            }
            50% {
                opacity: 0.2;
            }
            100% {
                transform: translateY(-100vh) rotate(360deg);
                opacity: 0;
            }
        }
        
        .heading-gradient-3456 {
            background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
        }
        
        @media (max-width: 768px) {
            .printer-animation-5931 {
                width: 300px;
                height: 260px;
            }
            
            .printer-body-2468 {
                width: 280px;
                height: 100px;
            }
            
            .printer-top-9876 {
                width: 280px;
                height: 20px;
                top: -20px;
            }
            
            .printer-front-8765 {
                width: 260px;
                height: 30px;
            }
            
            .printer-tray-3579 {
                width: 240px;
                top: 60px;
            }
            
            .printer-paper-9753 {
                width: 200px;
                top: 65px;
                left: 40px;
            }
            
            .printing-effect-1234 {
                width: 200px;
                top: 60px;
                left: 40px;
            }
        }