@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary:#ffc107;--primary-dark:#ff9100;--primary-gradient:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);--bg-color:#0b132b;--card-bg:#131e3a;--text-main:#fff;--text-muted:#9ca3af;--border-color:#1e293b;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0003;--shadow-hover:0 20px 25px -5px #0006, 0 10px 10px -5px #0003;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-bounce:.4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{background-color:var(--bg-color);max-width:480px;min-height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;margin:0 auto;display:flex;position:relative}@media (width>=481px){.app-container{border-radius:var(--radius-lg);margin-top:2rem;margin-bottom:2rem;overflow:hidden}}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.02em;font-weight:700}p{color:var(--text-muted);line-height:1.5}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px #ff512f66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff512f99}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-icon{color:var(--text-main);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.btn-icon:hover{background:var(--bg-color)}.banner-nav-btn{color:#fff!important;background:#0000004d!important;border-radius:50%!important}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:1px solid var(--border-color);padding:16px}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:#ff512f33;transform:translateY(-4px)}.tag{border-radius:var(--radius-full);background:var(--bg-color);color:var(--text-muted);align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.tag.highlight{color:var(--primary);background:#ff512f1a}.header{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#131e3ad9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes zappBurst{0%{opacity:0;filter:drop-shadow(0 0 0px var(--primary));transform:scale(0)}50%{opacity:1;filter:drop-shadow(0 0 20px var(--primary));transform:scale(1.2)}to{opacity:1;filter:drop-shadow(0 0 10px var(--primary));transform:scale(1)}}@keyframes energyFade{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-zapp{animation:zappBurst .6s var(--transition-bounce) forwards}.animate-energy{animation:.5s ease-out forwards energyFade}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.flex-1{flex:1}.min-h-\[80vh\]{min-height:80vh}.min-h-\[90vh\]{min-height:90vh}.bottom-nav{background:var(--card-bg);border-top:1px solid var(--border-color);padding:12px 0;padding-bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;justify-content:space-around;display:flex;position:sticky;bottom:0}.nav-item{color:var(--text-muted);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:4px;font-size:.75rem;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:var(--primary)}.nav-item svg{transition:transform var(--transition-bounce)}.nav-item.active svg{transform:scale(1.2)}