:root{--ion-safe-area-top: env(safe-area-inset-top, 0px);--ion-safe-area-bottom: env(safe-area-inset-bottom, 0px);--wqp-blue-600: #2563eb;--wqp-blue-700: #1d4ed8;--wqp-gray-50: #f8fafc;--wqp-gray-100: #f1f5f9;--wqp-gray-200: #e2e8f0;--wqp-gray-300: #cbd5e1;--wqp-gray-400: #94a3b8;--wqp-gray-500: #64748b;--wqp-gray-600: #475569;--wqp-gray-700: #334155;--wqp-gray-800: #1e293b;--wqp-gray-900: #0f172a;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:var(--wqp-gray-50)!important;color:var(--wqp-gray-900)!important;font-family:Inter,system-ui,-apple-system,sans-serif}html{color-scheme:light!important}.glass-panel{background-color:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.dark .glass-panel{background-color:#111827b3;border-color:#1f293780}.glass-card{background-color:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 15px -3px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .glass-card{background-color:#1f293766;border-color:#3741514d}.glass-card:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-2px)}.glass-button{background-color:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.dark .glass-button{background-color:#1f293733;border-color:#3741514d}.dark .glass-button:hover{background-color:#37415166}.glass-button:hover{background-color:#fff3}.glass-button:active{transform:scale(.95)}.input-field{border:1px solid var(--wqp-gray-300);border-radius:.5rem;box-shadow:0 1px 2px #0000000d;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;background-color:#fff;color:var(--wqp-gray-900);transition:all .2s ease;outline:none}.dark .input-field{background-color:var(--wqp-gray-800);border-color:var(--wqp-gray-600);color:#fff}.input-field:focus{outline:2px solid var(--wqp-blue-500);border-color:var(--wqp-blue-500)}.btn-primary{background-color:var(--wqp-blue-600);color:#fff;transition:background-color .2s;box-shadow:0 4px 6px -1px #0000001a}.btn-primary:hover{background-color:var(--wqp-blue-700)}.premium-activity-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;border-radius:2.5rem;background-color:#fff;box-shadow:0 10px 40px #0000000a;border:1px solid var(--wqp-gray-100);transition:all .3s ease;cursor:pointer}.dark .premium-activity-card{background-color:var(--wqp-gray-900);border-color:var(--wqp-gray-800)}.premium-activity-card:hover{border-color:#bfdbfe}.dark .premium-activity-card:hover{border-color:#1e40af}.premium-activity-card:active{transform:scale(.98)}.premium-icon-glow{position:relative;padding:1rem;border-radius:1.8rem;box-shadow:0 8px 30px #00000005;transition:transform .3s}.premium-activity-card:hover .premium-icon-glow{transform:scale(1.1)}.premium-label{text-align:center;margin-top:.75rem;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--wqp-gray-500);transition:color .3s}.premium-activity-card:hover .premium-label{color:var(--wqp-blue-600)}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .4s cubic-bezier(.16,1,.3,1)}