@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .font-display {
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

.hero-pattern {
    background-color: #090d16;
    background-image: 
        radial-gradient(rgba(245, 158, 11, 0.14) 1px, transparent 1px),
        radial-gradient(rgba(16, 185, 129, 0.08) 1px, #090d16 1px);
    background-size: 28px 28px;
    background-position: 0 0, 14px 14px;
}

.bio-grid-bg {
    background-size: 32px 32px;
    background-image: 
        linear-gradient(to right, rgba(148, 163, 184, 0.08) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(148, 163, 184, 0.08) 1px, transparent 1px);
}

.text-shadow {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

details > summary::-webkit-details-marker {
    display: none;
}