/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1777534872
Updated: 2026-04-30 07:41:12

*/

:root {
	--text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
	--text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
	--text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
	--text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
	--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
	--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);
	--text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);
	--space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem;
	--radius-sm: 0.375rem; --radius-md: 0.75rem; --radius-lg: 1.25rem; --radius-xl: 1.75rem; --radius-full: 9999px;
	--color-bg: #090511;
	--color-surface: #12091f;
	--color-surface-2: #1a0f2d;
	--color-surface-offset: #21143a;
	--color-border: rgba(163, 126, 255, 0.18);
	--color-divider: rgba(255,255,255,0.08);
	--color-text: #f5f1ff;
	--color-text-muted: #b9afd5;
	--color-text-faint: #7f759a;
	--color-primary: #8a5cff;
	--color-primary-hover: #9e76ff;
	--color-secondary: #2ee6c5;
	--color-accent: #ff4d8d;
	--shadow-lg: 0 24px 80px rgba(0,0,0,.45);
	--content-wide: 1200px;
	--font-display: 'Orbitron', sans-serif;
	--font-body: 'Inter', sans-serif;
}

html{
	scroll-behavior: smooth
}
    
body{
	min-height: 100vh;
	font-family: var(--font-body);
	font-size: var(--text-base);
	line-height: 1.6;
	background:
      radial-gradient(circle at top left, rgba(138,92,255,.22), transparent 30%),
      radial-gradient(circle at 85% 10%, rgba(46,230,197,.12), transparent 25%),
      linear-gradient(180deg, #0a0614 0%, #090511 100%);
    color: var(--color-text)
}

.header {
	backdrop-filter: blur(18px);
}

a {
	text-decoration: none;
	color: inherit
}