/* 
 * LaunchPage AI - Base Styles
 * 
 * Scrollbar, cursor, typography, and main wrapper styles
 */

/* ============================================
   MAIN PAGE WRAPPER
   ============================================ */

.launchpage-ai-page-main {
    position: relative;
    overflow-x: hidden;
}

/* ============================================
   CUSTOM SCROLLBAR & CURSOR
   ============================================ */

/* Premium Scrollbar Styling */
html {
    scroll-behavior: smooth;
}

/* Webkit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: linear-gradient(to bottom, rgba(15, 20, 25, 0.5), rgba(10, 14, 26, 0.8));
    backdrop-filter: blur(4px);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #4D7CFE 0%, #00D4A1 100%);
    border-radius: 6px;
    border: 2px solid rgba(15, 20, 25, 0.4);
    transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #5D8FFF 0%, #00FFA8 100%);
    box-shadow: 0 0 12px rgba(77, 124, 254, 0.4), 0 0 8px rgba(0, 212, 161, 0.3);
    border-color: rgba(77, 124, 254, 0.3);
}

/* Firefox scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: #4D7CFE rgba(15, 20, 25, 0.4);
}

/* Premium Cursor */
body {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><style>.cursor-point{fill:%234D7CFE;}</style></defs><path class="cursor-point" d="M2 2l20 10.5L12 13.5 14.5 30l-2.5-1.5L2 2z"/><circle cx="12" cy="13" r="1" fill="%2300D4A1" opacity="0.6"/></svg>') 2 2, auto;
}

/* Interactive elements get a pointer cursor with premium styling */
a, button, input[type="button"], input[type="submit"], label[for], [role="button"], [onclick] {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><style>.cursor-pointer{fill:%234D7CFE;}</style></defs><circle cx="8" cy="8" r="4" class="cursor-pointer" opacity="0.8"/><circle cx="8" cy="8" r="6" fill="none" stroke="%2300D4A1" stroke-width="1.5" opacity="0.5"/></svg>') 8 8, pointer;
}

/* Smooth cursor transition */
* {
    transition: cursor 0.1s ease-out;
}

/* ============================================
   TYPOGRAPHY OVERRIDES
   ============================================ */

h2 {
    font-family: Montserrat, sans-serif !important;
}