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

body { font-family: 'Inter', sans-serif; }

.gradient-bg { background: linear-gradient(135deg, #2563EB 0%, #4338CA 100%); }
.gradient-text {
    background: linear-gradient(135deg, #2563EB 0%, #4338CA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.logo-container { display: flex; align-items: center; gap: 12px; }
.logo-icon {
    width: 55px; height: 55px;
    background: linear-gradient(135deg, #2563EB 0%, #1E3A8A 100%);
    border-radius: 14px; display: flex; align-items: center; justify-content: center;
    color: white; font-weight: 900; font-size: 28px;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
    position: relative; overflow: hidden;
}
.logo-icon::before {
    content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.2), transparent);
    transform: rotate(45deg); animation: shine 3s infinite;
}
@keyframes shine {
    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}
.logo-text { display: flex; flex-direction: column; margin-left: 4px; }
.logo-main {
    font-size: 24px; font-weight: 900;
    background: linear-gradient(135deg, #2563EB 0%, #1E3A8A 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    line-height: 1.1; letter-spacing: -0.5px;
}
.logo-sub { font-size: 11px; color: #6B7280; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-top: 2px; }

@media (max-width: 768px) {
    .container { padding-left: 1rem; padding-right: 1rem; }
    .logo-main { font-size: 20px; }
    .logo-sub { font-size: 10px; }
    .logo-icon { width: 45px; height: 45px; }
}

a, button { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; }
html { scroll-behavior: smooth; }
* { -webkit-tap-highlight-color: transparent; }
img, svg { max-width: 100%; height: auto; }

@keyframes pulse-slow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
    50% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }
}
.animate-pulse-slow { animation: pulse-slow 2s ease-in-out infinite; }

@media (max-width: 768px) {
    .fixed.bottom-6.right-6 { bottom: 15px; right: 15px; }
    .fixed.bottom-6.right-6 a { padding: 12px 16px; font-size: 14px; }
}
@media (min-width: 769px) {
    .fixed.bottom-6.right-6 a { min-width: 220px; }
}