/* ===== Global: Disable system cursor site-wide on pointer devices ===== */
/* @media (pointer: fine) {
  html, body, a, button, input, textarea, select {
    cursor: none !important;
  }
} */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    margin: 0;
    padding: 0;
    background: #0A0A0A;
    color: #FFFFFF;
    opacity: 0;
    /* Remove transform to ensure position: fixed elements anchor to viewport correctly */
    transition: opacity 1s ease;
}

.hero-section { 
    background: linear-gradient(to bottom, #1a1a2e 0%, #0a0a0f 50%);
            color: white;
            overflow-x: hidden;
            min-height: 100vh;
}
/* CTA buttons group */
.dev-team-cta {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
}

/* Primary button (solid gradient) */
.btn {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    padding: 10px 18px;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s;
}

.btn-primary {
    background: linear-gradient(90deg,#8b5cf6 0%, #6d28d9 100%);
    color: #fff;
    box-shadow: 0 10px 30px rgba(107,70,193,0.12);
    border: 0;
}

.btn-primary:hover,
.btn-primary:focus {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(107,70,193,0.14);
}

/* Ghost button (outline) */
.btn-ghost {
    background: transparent;
    border: 1px solid rgba(99,102,241,0.12);
    color: #3f3d56;
}

.btn-ghost:hover,
.btn-ghost:focus {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(99,102,241,0.06);
}

/* Subtle entrance animation when section scrolls into view */
.enhanced-dev-team-header,
.enhanced-dev-team-header .dev-team-inner {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .7s ease, transform .7s cubic-bezier(.2,.9,.2,1);
}

.enhanced-dev-team-header.revealed,
.enhanced-dev-team-header.revealed .dev-team-inner {
    opacity: 1;
    transform: translateY(0);
}