@tailwind base;@tailwind components;@tailwind utilities;:root{--background:#f5f5f7;--foreground:#1d1d1f;--glass-bg:hsla(0,0%,100%,.85);--glass-border:hsla(0,0%,100%,.3);--shadow:rgba(0,0,0,.15)}@media (prefers-color-scheme:dark){:root{--background:#1d1d1f;--foreground:#f5f5f7;--glass-bg:hsla(0,0%,100%,.85);--glass-border:hsla(0,0%,100%,.3);--shadow:rgba(0,0,0,.3)}}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:pan-x pan-y;position:fixed}body{color:var(--foreground);background:var(--background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--shadow)}.glass-card{background:hsla(0,0%,100%,.9)!important;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid hsla(0,0%,100%,.4);box-shadow:0 20px 60px rgba(0,0,0,.2);border-radius:1.5rem}.flip-container{perspective:1000px}.flip-card{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.flip-card.flipped{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}.stamp{width:4rem;height:4rem;border-radius:9999px;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-weight:600;font-size:1.125rem;transition:all .3s}.stamp.filled{background:linear-gradient(to bottom right,#6366f1,#9333ea);border-color:#6366f1;color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transform:scale(1.05)}.stamp.unlocked{background:linear-gradient(to bottom right,#fbbf24,#f97316);border-color:#f59e0b;color:#fff;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.btn-danger,.btn-primary,.btn-success{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--shadow);border-radius:1.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;cursor:pointer}.btn-primary{color:#6366f1}.btn-primary:hover{transform:scale(1.05)}.btn-primary:active{transform:scale(.95)}.btn-success{background:linear-gradient(90deg,#4ade80,#10b981);color:#fff}.btn-success:hover{transform:scale(1.05)}.btn-success:active{transform:scale(.95)}.btn-danger{background:linear-gradient(90deg,#f87171,#fb7185);color:#fff}.btn-danger:hover{transform:scale(1.05)}.btn-danger:active{transform:scale(.95)}.input-glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--shadow);border-radius:1.5rem;padding:.75rem 1rem;width:100%;outline:none;transition:all .2s}.input-glass:focus{ring:2px solid #6366f1}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;width:.75rem;height:.75rem;background-color:#ef4444;border-radius:9999px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}[data-benefits-scroll]{-webkit-overflow-scrolling:touch;scroll-behavior:auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@keyframes shimmer{0%{transform:translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(200%);opacity:0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}