@media (max-width: 768px){header.header .container.nav.app-top-nav{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:10px;min-height:44px}header.header .container.nav.app-top-nav>.logo{flex:0 1 auto;min-width:0;max-width:min(46%,11rem);margin:0;padding:0;font-size:.95rem;font-weight:650;letter-spacing:-.02em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;background:none;-webkit-text-fill-color:unset;background-clip:unset;text-decoration:none}header.header .container.nav.app-top-nav>.user-info{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;flex:1;min-width:0;gap:6px;margin:0;padding:2px 0 2px 8px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:transparent;border:none;box-shadow:none;border-radius:0}header.header .container.nav.app-top-nav>.user-info::-webkit-scrollbar{display:none;height:0;width:0}header.header .container.nav.app-top-nav>.user-info>*{flex:0 0 auto}header.header .container.nav.app-top-nav>.user-info:has(>:only-child){justify-content:center;padding-left:0}header.header .container.nav.app-top-nav .lang-switcher .lang-trigger{min-height:38px;min-width:48px;padding:0 12px;border-radius:999px;justify-content:center;gap:4px;border:1px solid rgba(255,255,255,.14);background:#ffffff12;font-size:.8rem;box-shadow:0 1px #ffffff0f inset}header.header .container.nav.app-top-nav .credits,header.header .container.nav.app-top-nav .credits-link,header.header .container.nav.app-top-nav span.credits{min-height:38px;padding:0 12px;display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#f4f4f5!important;white-space:nowrap;box-shadow:0 1px #ffffff0d inset}header.header .container.nav.app-top-nav .btn-sm.btn-link{min-height:38px;padding:0 12px!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.14);background:#ffffff14;box-shadow:0 1px #ffffff0d inset;transform:none!important;white-space:nowrap}header.header .container.nav.app-top-nav .btn-sm.btn-recharge{background:linear-gradient(145deg,#7c3aed,#5b21b6)!important;border-color:#c4b5fd59!important;color:#fafafa!important;box-shadow:0 1px #fff3 inset,0 2px 8px #5b21b659!important}header.header .container.nav.app-top-nav .btn-sm.btn-to-create{background:#24bd7d2e!important;border-color:#34d39966!important;color:#bbf7d0!important}header.header .container.nav.app-top-nav .btn-sm.btn-logout{background:#ffffff0d!important;border-color:#ffffff1a!important;color:#a1a1aa!important}}@media (max-width: 480px){header.header .container.nav.app-top-nav{gap:8px}header.header .container.nav.app-top-nav>.logo{font-size:.9rem;max-width:min(44%,9.5rem)}header.header .container.nav.app-top-nav>.user-info{gap:5px;padding-left:6px}header.header .container.nav.app-top-nav .lang-switcher .lang-trigger{min-width:44px;padding:0 10px}header.header .container.nav.app-top-nav .credits,header.header .container.nav.app-top-nav .credits-link,header.header .container.nav.app-top-nav span.credits,header.header .container.nav.app-top-nav .btn-sm.btn-link{padding:0 10px!important;font-size:.72rem;min-height:36px}}:root{--primary-color: #24bd7d;--secondary-color: #4B3CED;--accent-color: #FF6B9D;--dark-bg: #0A0A0A;--darker-bg: #050505;--card-bg: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #b3b3b3;--border-color: rgba(36, 189, 125, .2);--shadow-glow: 0 0 30px rgba(36, 189, 125, .3);--transition: all .4s cubic-bezier(.25, .46, .45, .94)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--dark-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media (hover: none) and (pointer: coarse){button,a,[role=button],input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(36,189,125,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(75,60,237,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,107,157,.1) 0%,transparent 50%);animation:backgroundPulse 8s ease-in-out infinite alternate;z-index:-1}@keyframes backgroundPulse{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}
