/* ============================= */
/* Global Styles */
/* ============================= */

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

html {
scroll-behavior: smooth;
}

body {
font-family: 'Inter', sans-serif;
background: #020617;
overflow-x: hidden;
}


/* ============================= */
/* Selection */
/* ============================= */

::selection {
background: rgba(16,185,129,0.3);
color: white;
}


/* ============================= */
/* Background Glow */
/* ============================= */

.glow-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;

background:
radial-gradient(
circle at 20% 20%,
rgba(16,185,129,0.12),
transparent 40%
),
radial-gradient(
circle at 80% 0%,
rgba(34,211,238,0.08),
transparent 40%
),
radial-gradient(
circle at 50% 100%,
rgba(16,185,129,0.08),
transparent 40%
);
}


/* ============================= */
/* Reveal Animation */
/* ============================= */

.reveal {
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease;
}

.reveal.active {
opacity: 1;
transform: translateY(0);
}


/* ============================= */
/* Card Hover */
/* ============================= */

.card-hover {
transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.card-hover:hover {
transform: translateY(-4px);
box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}


/* ============================= */
/* Button Micro Animation */
/* ============================= */

button {
transition: all 0.25s ease;
}

button:hover {
transform: translateY(-1px);
}


/* ============================= */
/* Subtle Border Glow */
/* ============================= */

.border-glow {
box-shadow: 0 0 0 1px rgba(255,255,255,0.05),
0 0 25px rgba(16,185,129,0.05);
}


/* ============================= */
/* Typography Tweaks */
/* ============================= */

h1,
h2,
h3 {
letter-spacing: -0.02em;
}

p {
line-height: 1.7;
}


/* ============================= */
/* Scrollbar (modern browsers) */
/* ============================= */

::-webkit-scrollbar {
width: 8px;
}

::-webkit-scrollbar-track {
background: #020617;
}

::-webkit-scrollbar-thumb {
background: rgba(255,255,255,0.1);
border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
background: rgba(255,255,255,0.2);
}