:root { --font-body: "Poppins", system-ui, sans-serif; --primary: #7c3aed; --primary-2: #ec4899; --bg: #f5efff; --surface: rgba(255, 255, 255, .62); --surface-2: rgba(255, 255, 255, .5); --border: rgba(255, 255, 255, .7); --radius: 24px; --radius-sm: 16px; --shadow: 0 10px 40px rgba(76, 29, 149, .12); }
body { background: radial-gradient(40% 50% at 10% 10%, #fbcfe8 0, transparent 70%), radial-gradient(40% 50% at 90% 0%, #c4b5fd 0, transparent 70%), radial-gradient(50% 60% at 70% 90%, #fde68a 0, transparent 70%), radial-gradient(50% 60% at 0% 100%, #a5f3fc 0, transparent 70%), #f5efff; background-attachment: fixed; }
.card, .mcard, .country-card, .plan-card, .form-card, .filters, .stat-card, .account-nav, .chat, .dropdown-menu, .cookie-consent, .site-footer, .modal .dialog { background: var(--surface); backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); border: 1px solid var(--border); box-shadow: var(--shadow); }
.input, .field input, .field select, .field textarea { background: rgba(255, 255, 255, .75); border-color: rgba(124, 58, 237, .18); }
.gl-header { position: sticky; top: 12px; z-index: 50; margin: 12px auto 0; max-width: calc(var(--maxw) - 32px); width: calc(100% - 24px); border-radius: 999px; background: rgba(255, 255, 255, .6); backdrop-filter: blur(18px) saturate(180%); -webkit-backdrop-filter: blur(18px) saturate(180%); border: 1px solid rgba(255, 255, 255, .8); box-shadow: 0 10px 40px rgba(76, 29, 149, .15); }
.gl-header .header-inner { height: 60px; padding: 0 10px 0 18px; }
.gl-header .main-nav a { border-radius: 999px; }
.gl-tabbar { display: none; }
@media (max-width: 900px) {
  .gl-tabbar { display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; bottom: 10px; inset-inline: 10px; z-index: 60; background: rgba(255, 255, 255, .75); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, .9); border-radius: 22px; box-shadow: 0 10px 40px rgba(76, 29, 149, .2); padding: 6px; }
  .gl-tabbar a { display: grid; justify-items: center; gap: 2px; font-size: .68rem; color: var(--text); padding: 6px 0; border-radius: 14px; text-decoration: none; }
  .gl-tabbar a.active { color: var(--primary); background: rgba(124, 58, 237, .1); }
  .gl-tabbar .ic { width: 22px; height: 22px; }
  body { padding-bottom: 86px; }
  .toast-wrap { bottom: 96px; }
  .gl-header .nav-toggle { display: none; }
}
.slider { border-radius: 28px; }
.mcard { border-radius: 22px; }
.mcard-media { margin: 8px 8px 0; border-radius: 16px; }
.gl-hero { text-align: center; padding: 34px 0 10px; }
.gl-hero h1 { font-size: clamp(1.9rem, 5vw, 3.2rem); background: linear-gradient(90deg, var(--primary), var(--primary-2)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.site-footer { margin: 48px 12px 12px; border-radius: 28px; }