@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap');

body {
    font-family: 'Manrope', sans-serif;
    overflow-x: hidden;
}

[x-cloak] {
    display: none !important;
}

.ebs-sidebar {
    background:
        radial-gradient(circle at top, rgba(20, 184, 166, 0.24), transparent 35%),
        linear-gradient(180deg, #020617 0%, #0f172a 45%, #111827 100%);
}

.ebs-hero {
    background:
        radial-gradient(circle at top left, rgba(245, 158, 11, 0.55), transparent 35%),
        radial-gradient(circle at bottom right, rgba(15, 118, 110, 0.7), transparent 45%),
        linear-gradient(135deg, #0f172a 0%, #134e4a 48%, #0f766e 100%);
}

.ebs-public-shell {
    background:
        radial-gradient(circle at top left, rgba(245, 158, 11, 0.12), transparent 28%),
        radial-gradient(circle at top right, rgba(15, 118, 110, 0.1), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92));
}

.ebs-public-hero {
    background:
        radial-gradient(circle at top left, rgba(245, 158, 11, 0.55), transparent 32%),
        radial-gradient(circle at bottom right, rgba(15, 118, 110, 0.6), transparent 42%),
        linear-gradient(135deg, #0f172a 0%, #123f47 42%, #0f766e 100%);
}

.ebs-tap-link {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    cursor: pointer;
}

.ebs-nav-link {
    display: block;
    border-radius: 1rem;
    padding: 0.9rem 1rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: rgba(226, 232, 240, 0.8);
    transition: 180ms ease;
}

.ebs-nav-link:hover,
.ebs-nav-link.active {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    transform: translateX(2px);
}

.ebs-page-shell,
.ebs-page-shell * {
    min-width: 0;
}

input,
select,
textarea {
    box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--ebs-primary) !important;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15) !important;
}