/* Custom Styles & Utilities */
body {
    background-color: #0F0F11;
    color: #E2E2E2;
    overflow-x: hidden;
}

.glass {
    background: rgba(30, 30, 36, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.glass-strong {
    background: rgba(15, 15, 17, 0.85);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.text-gradient {
    background: linear-gradient(135deg, #FF5722 0%, #FF8A50 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient-brand {
    background: linear-gradient(135deg, #FF5722 0%, #FF8A50 100%);
}

/* Hide scrollbar for clean look in chat */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Phone Mockup CSS */
.phone-frame {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8);
    border: 8px solid #2D2D35;
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.glow-effect {
    position: absolute;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255,87,34,0.15) 0%, rgba(0,0,0,0) 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

/* Custom Selection Color */
::selection {
    background: #FF5722;
    color: #fff;
}