@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";.card-container{perspective:1000px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;z-index:1;background-color:#0000;width:100%;height:200px;margin-bottom:1rem}.card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);position:relative}.card-container:active .card-inner,.card-inner.flipped{z-index:100;transform:rotateY(180deg)scale(1.05)}.card-front,.card-back{border-radius:24px;width:100%;height:100%;position:absolute;top:0;left:0}.card-front{border:1px solid var(--glass-border);opacity:1;pointer-events:auto;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);flex-direction:column;transition:opacity .2s .3s;display:flex;transform:rotateY(0)}.card-inner.flipped .card-front{opacity:0;pointer-events:none;transition:opacity .2s}.card-back{background:var(--glass-bg);border:1px solid var(--glass-border);opacity:0;pointer-events:none;padding:1.5rem;transition:opacity .2s}.card-inner.flipped .card-back{opacity:1;pointer-events:auto;transition:opacity .2s .3s}.slipped{background:linear-gradient(135deg,#00ff881a,#00ff880d)}.caught{background:linear-gradient(135deg,#ff33661a,#ff33660d)}.logo-text{background:linear-gradient(45deg,#ff007a,#ff8a00,#e52e71,#9b51e0,#00f0ff) 0 0/300% 300%;-webkit-text-fill-color:transparent;letter-spacing:1px;text-shadow:0 8px 24px #ff007a4d;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3.5rem;font-weight:800;animation:6s infinite funGradient;display:inline-block}@keyframes funGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}:root{--bg-gradient:linear-gradient(135deg, #09090e 0%, #16102b 100%);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--accent-primary:#ff2a5f;--accent-secondary:#00f0ff;--text-main:#fff;--text-muted:#fff9;--success:#0f8;--danger:#f36}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;scrollbar-width:thin;scrollbar-color:#fff3 transparent;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#ff2a5f26 0%,#0000 40%),radial-gradient(circle at 80% 20%,#00f0ff26 0%,#0000 30%);width:200%;height:200%;animation:15s ease-in-out infinite alternate pulseBg;position:fixed;top:-50%;left:-50%}@keyframes pulseBg{0%{transform:scale(1)translate(0)}to{transform:scale(1.1)translate(-2%,2%)}}h1{background:linear-gradient(to right, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;text-align:center;letter-spacing:-1px;filter:drop-shadow(0 4px 8px #ff2a5f4d);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:800}h2{margin-bottom:1rem;font-size:1.8rem;font-weight:600}p{color:var(--text-muted);font-size:1rem;line-height:1.6}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 32px #0000004d}.glass-panel:hover{transform:translateY(-4px)}.btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:1px;border-radius:100px;outline:none;width:100%;padding:1rem 2rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s}.btn:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(45deg, var(--accent-primary), #ff6b8b);border:none;box-shadow:0 4px 15px #ff2a5f66}.btn.primary:hover{box-shadow:0 6px 25px #ff2a5f99}.input-field{border:1px solid var(--glass-border);width:100%;color:var(--text-main);text-align:center;background:#0000004d;border-radius:16px;outline:none;margin-bottom:1rem;padding:1rem 1.5rem;font-family:inherit;font-size:1.2rem;transition:all .3s}.input-field:focus{border-color:var(--accent-secondary);box-shadow:0 0 15px #00f0ff33}.input-field::placeholder{color:#ffffff4d}.container{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:600px;margin:0 auto;padding:2rem 1rem;display:flex}.flex-column{flex-direction:column;gap:1rem;display:flex}.flex-row{flex-direction:row;align-items:center;gap:1rem;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.text-center{text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.165,.84,.44,1) forwards fadeIn}.switch{width:50px;height:28px;margin:0 .5rem;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border:1px solid var(--glass-border);background-color:#ffffff1a;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-main);border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}input:checked+.slider{background:linear-gradient(135deg, var(--danger), #ff6b8b);border-color:var(--danger)}input:checked+.slider:before{transform:translate(22px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff6}