body {
    background-image:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.10), transparent 26%),
        radial-gradient(circle at bottom right, rgba(15, 118, 110, 0.12), transparent 24%),
        linear-gradient(180deg, #f8fbff 0%, #eef6f7 100%);
}

.glass-panel {
    backdrop-filter: blur(18px);
    background: rgba(255, 255, 255, 0.84);
}

.hero-panel {
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.14), transparent 24%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96) 0%, rgba(236, 253, 245, 0.92) 100%);
}

.mesh-frame {
    position: relative;
}

.mesh-frame::before {
    content: '';
    position: absolute;
    inset: 14px;
    border: 1px dashed rgba(15, 23, 42, 0.12);
    border-radius: 24px;
    pointer-events: none;
}