/* Base */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%);
    color: #ffffff;
    min-height: 100vh;
    overflow-x: hidden;
}

/* Mountain silhouette background */
body::before {
    content: '';
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40vh;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300'%3E%3Cpath fill='%23000000' fill-opacity='0.3' d='M0,200 L150,100 L300,150 L450,50 L600,120 L750,60 L900,130 L1050,80 L1200,160 L1200,300 L0,300 Z'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: bottom;
    z-index: 0;
    pointer-events: none;
}