/* ==================================
   VARIABLES & DESIGN TOKENS
   ================================== */
:root {
    --bg-dark: #0a0c10;
    --bg-panel: #131720;
    --bg-glass: rgba(19, 23, 32, 0.6);
    --border-glass: rgba(255, 255, 255, 0.08);
    
    --text-primary: #f0f4f8;
    --text-secondary: #a0aec0;
    
    --neon-green: #00ff88;
    --neon-green-dim: rgba(0, 255, 136, 0.2);
    
    --glow-primary: 0 0 10px rgba(0, 255, 136, 0.5), 0 0 20px rgba(0, 255, 136, 0.3);
    --glow-secondary: 0 0 15px rgba(0, 255, 136, 0.2);
    
    --font-primary: 'Outfit', sans-serif;
    
    --transition-fast: 0.2s ease;
    --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==================================
   RESET & BASE STYLES
   ================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-primary);
    background-color: var(--bg-dark);
    color: var(--text-primary);
    line-height: 1.6;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    font-weight: 700;
}

a {
    text-decoration: none;
    color: inherit;
    transition: var(--transition-fast);
}

ul {
    list-style: none;
}

/* Layout Utilities */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.section-padding {
    padding: 100px 0;
}

/* ==================================
   COMPONENTS
   ================================== */

/* Glassmorphism */
.glass-panel {
    background: var(--bg-glass);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--border-glass);
    border-radius: 16px;
}

/* Navbar */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 16px 0;
    transition: var(--transition-fast);
}

.glass-nav {
    background: rgba(10, 12, 16, 0.8);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-glass);
}

.nav-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-img {
    height: 40px;
    object-fit: contain;
}

.text-logo {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--text-primary);
    letter-spacing: 1px;
}
.text-logo::after {
    content: '.';
    color: var(--neon-green);
    text-shadow: var(--glow-primary);
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 32px;
}

.nav-link {
    font-weight: 500;
    color: var(--text-secondary);
    position: relative;
}

.nav-link:hover {
    color: var(--text-primary);
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0%;
    height: 2px;
    background: var(--neon-green);
    transition: var(--transition-smooth);
    box-shadow: var(--glow-primary);
}

.nav-link:hover::after {
    width: 100%;
}

/* Buttons */
.btn {
    display: inline-block;
    padding: 12px 28px;
    font-weight: 600;
    font-family: var(--font-primary);
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    transition: var(--transition-smooth);
}

.btn-primary {
    background: var(--neon-green);
    color: var(--bg-dark);
    border: 1px solid var(--neon-green);
    box-shadow: var(--glow-secondary);
}

.btn-primary:hover {
    background: #00cc6d;
    border-color: #00cc6d;
    box-shadow: var(--glow-primary);
    transform: translateY(-2px);
}

.btn-outline {
    background: transparent;
    color: var(--neon-green);
    border: 1px solid var(--neon-green);
}

.btn-outline:hover {
    background: var(--neon-green-dim);
    box-shadow: var(--glow-secondary);
}

/* Highlight Text */
.text-highlight {
    color: var(--neon-green);
    text-shadow: 0 0 10px rgba(0, 255, 136, 0.4);
}
/ *   = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  
       H E R O   S E C T I O N  
       = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =   * /  
 . h e r o - s e c t i o n   {  
         m i n - h e i g h t :   1 0 0 v h ;  
         d i s p l a y :   f l e x ;  
         a l i g n - i t e m s :   c e n t e r ;  
         p o s i t i o n :   r e l a t i v e ;  
         p a d d i n g - t o p :   8 0 p x ;  
         o v e r f l o w :   h i d d e n ;  
 }  
  
 . h e r o - c o n t e n t   {  
         p o s i t i o n :   r e l a t i v e ;  
         z - i n d e x :   1 0 ;  
         t e x t - a l i g n :   c e n t e r ;  
         m a x - w i d t h :   9 0 0 p x ;  
         m a r g i n :   0   a u t o ;  
         a n i m a t i o n :   f a d e I n   1 s   e a s e   b o t h ;  
 }  
  
 . h e r o - t i t l e   {  
         f o n t - s i z e :   4 . 5 r e m ;  
         m a r g i n - b o t t o m :   2 4 p x ;  
         l e t t e r - s p a c i n g :   - 1 p x ;  
 }  
  
 . h e r o - s u b t i t l e   {  
         f o n t - s i z e :   1 . 2 5 r e m ;  
         c o l o r :   v a r ( - - t e x t - s e c o n d a r y ) ;  
         m a r g i n - b o t t o m :   4 0 p x ;  
 }  
  
 . h e r o - c t a   {  
         d i s p l a y :   f l e x ;  
         g a p :   1 6 p x ;  
         j u s t i f y - c o n t e n t :   c e n t e r ;  
         m a r g i n - b o t t o m :   4 8 p x ;  
 }  
  
 / *   B a c k g r o u n d   G l o w s   * /  
 . h e r o - b g - g l o w   {  
         p o s i t i o n :   a b s o l u t e ;  
         b o r d e r - r a d i u s :   5 0 % ;  
         f i l t e r :   b l u r ( 1 2 0 p x ) ;  
         z - i n d e x :   1 ;  
         o p a c i t y :   0 . 6 ;  
 }  
  
 . g l o w - 1   {  
         t o p :   1 0 % ;  
         l e f t :   - 1 0 % ;  
         w i d t h :   5 0 0 p x ;  
         h e i g h t :   5 0 0 p x ;  
         b a c k g r o u n d :   v a r ( - - n e o n - g r e e n - d i m ) ;  
 }  
  
 . g l o w - 2   {  
         b o t t o m :   - 1 0 % ;  
         r i g h t :   - 1 0 % ;  
         w i d t h :   6 0 0 p x ;  
         h e i g h t :   6 0 0 p x ;  
         b a c k g r o u n d :   r g b a ( 0 ,   1 5 0 ,   2 5 5 ,   0 . 1 5 ) ;  
 }  
  
 / *   V i s i t o r   C o u n t e r   * /  
 . v i s i t o r - c o u n t e r   {  
         d i s p l a y :   i n l i n e - f l e x ;  
         a l i g n - i t e m s :   c e n t e r ;  
         g a p :   1 2 p x ;  
         p a d d i n g :   1 2 p x   2 4 p x ;  
         a n i m a t i o n :   f a d e I n   1 s   e a s e   0 . 5 s   b o t h ;  
 }  
  
 . p u l s e - d o t   {  
         w i d t h :   1 0 p x ;  
         h e i g h t :   1 0 p x ;  
         b a c k g r o u n d - c o l o r :   v a r ( - - n e o n - g r e e n ) ;  
         b o r d e r - r a d i u s :   5 0 % ;  
         b o x - s h a d o w :   v a r ( - - g l o w - p r i m a r y ) ;  
         a n i m a t i o n :   p u l s e   2 s   i n f i n i t e ;  
 }  
  
 . g l o w - t e x t   {  
         f o n t - s i z e :   1 . 1 r e m ;  
         f o n t - w e i g h t :   5 0 0 ;  
         c o l o r :   v a r ( - - t e x t - p r i m a r y ) ;  
 }  
  
 @ k e y f r a m e s   p u l s e   {  
         0 %   {  
                 t r a n s f o r m :   s c a l e ( 0 . 9 5 ) ;  
                 b o x - s h a d o w :   0   0   0   0   r g b a ( 0 ,   2 5 5 ,   1 3 6 ,   0 . 7 ) ;  
         }  
  
         7 0 %   {  
                 t r a n s f o r m :   s c a l e ( 1 ) ;  
                 b o x - s h a d o w :   0   0   0   1 0 p x   r g b a ( 0 ,   2 5 5 ,   1 3 6 ,   0 ) ;  
         }  
  
         1 0 0 %   {  
                 t r a n s f o r m :   s c a l e ( 0 . 9 5 ) ;  
                 b o x - s h a d o w :   0   0   0   0   r g b a ( 0 ,   2 5 5 ,   1 3 6 ,   0 ) ;  
         }  
 }  
  
 @ k e y f r a m e s   f a d e I n   {  
         f r o m   {  
                 o p a c i t y :   0 ;  
                 t r a n s f o r m :   t r a n s l a t e Y ( 2 0 p x ) ;  
         }  
  
         t o   {  
                 o p a c i t y :   1 ;  
                 t r a n s f o r m :   t r a n s l a t e Y ( 0 ) ;  
         }  
 }  
 