body {
    	background-color: #0a091e;
  	color: #e0e0e0;
    	font-family: 'Jost', sans-serif;
    	overflow-x: hidden;
	}
	.logo-img {
    	    height: 9rem;
	}
	@media (max-width: 640px) {
  	.logo-img {
    	height: 5.5rem !important;
  	}
	}

	@media (max-width: 767px) {
  	.mobile-pt-clearance {
    	padding-top: 16rem !important;
  	}
	}

	@media (min-width: 768px) {
	.logo-img {
            height: 8rem;
    	}
	}
	@media (min-width: 1024px) {
    	.logo-img {
            height: 10rem;
    	}
	}

        .font-heading {
            font-family: 'Cormorant Garamond', serif;
        }
        .hero-section {
            background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
            position: relative;
            overflow: hidden;
        }
        @keyframes subtle-glow {
            0%, 100% { box-shadow: 0 0 15px 5px rgba(173, 216, 230, 0.1), 0 0 5px 1px rgba(255, 255, 255, 0.1); }
            50% { box-shadow: 0 0 25px 8px rgba(173, 216, 230, 0.15), 0 0 8px 2px rgba(255, 255, 255, 0.15); }
        }
        .glowing-border {
            border: 1px solid rgba(255, 255, 255, 0.2);
            animation: subtle-glow 8s ease-in-out infinite;
            transition: all 0.3s ease;
        }
        .glowing-border:hover {
            transform: translateY(-5px) scale(1.02);
            box-shadow: 0 0 30px 10px rgba(173, 216, 230, 0.2), 0 0 10px 3px rgba(255, 255, 255, 0.2);
        }
	.glowing-headline {
	   color: #410179; 
	   text-shadow: 0 0 6px rgba(255, 255, 255, 0.7);
	}
        .feature-card {
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: background 0.3s ease, transform 0.3s ease;
	    position: relative;
	    z-index: 5;

        }
        .feature-card:hover {
            background: rgba(255, 255, 255, 0.1);
            transform: translateY(-8px);
        }
        .btn-primary {
            background: linear-gradient(90deg, #4a00e0, #8e2de2);
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(142, 45, 226, 0.5);
        }
        .btn-primary:hover {
            transform: scale(1.05);
            box-shadow: 0 6px 20px rgba(142, 45, 226, 0.7);
        }
        .btn-secondary {
            background-color: transparent;
            border: 1px solid #e0e0e0;
            transition: all 0.3s ease;
        }
        .btn-secondary:hover {
            background-color: #e0e0e0;
            color: #0a091e;
        }
        .star {
            position: absolute;
            background: white;
            border-radius: 50%;
            animation: twinkle linear infinite;
        }
        @keyframes twinkle {
            0% { opacity: 0; }
            50% { opacity: 1; }
            100% { opacity: 0; }
        }