@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Rajdhani:wght@400;500;600;700&display=swap);html{box-sizing:border-box;touch-action:manipulation}*,:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overscroll-behavior:contain;padding:0}a,button,input[type=button],input[type=submit]{touch-action:manipulation}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{height:auto;max-width:100%}.navbar{align-items:center;background-color:var(--dark-color);box-shadow:0 2px 15px #0003;color:var(--light-color);display:flex;justify-content:space-between;overflow:visible;padding:15px 30px;position:relative}.navbar:before{background:linear-gradient(to right,var(--primary-color),var(--accent-color),var(--secondary-color),var(--highlight-color));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.navbar-brand{align-items:center;display:flex}.nav-logo{color:var(--light-color);font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700;letter-spacing:1px;position:relative;text-decoration:none;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.nav-logo:after{animation:flicker 2s infinite alternate;content:"🪔";font-size:16px;position:absolute;right:-25px;top:-15px}.navbar-menu{display:flex;gap:20px}.sound-toggle-btn{align-items:center;background:none;background-color:#ffffff1a;border:none;border-radius:50%;color:var(--light-color);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;margin-left:5px;padding:5px 10px;transition:all .3s ease}.sound-toggle-btn:hover{background-color:#fff3;transform:scale(1.1)}.sound-toggle-btn:active{transform:scale(.95)}.sound-control{display:inline-block;margin-left:10px;position:relative;z-index:1000}.sound-control:hover .sound-toggle-btn{background-color:#fff3;transform:scale(1.1)}.volume-slider-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1a1a2e;border:2px solid var(--accent-color);border-radius:8px;box-shadow:0 4px 15px #00000080,0 0 0 1000px #0000001a;left:50%;padding:10px;pointer-events:auto;position:absolute;top:40px;transform:translateX(-50%);width:100px;z-index:9999}.volume-label{color:var(--light-color);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:5px;text-align:center}.volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:3px;display:block;height:6px;margin:0 auto;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-color);border:2px solid #fff;border-radius:50%;box-shadow:0 0 5px #00000080;cursor:pointer;height:14px;width:14px}.volume-slider::-moz-range-thumb{background:var(--accent-color);border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.nav-item{border-radius:20px;color:var(--light-color);font-weight:500;overflow:hidden;padding:5px 15px;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.nav-item:before{background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .3s ease;width:0;z-index:-1}.nav-item.active:before,.nav-item:hover:before{width:100%}.nav-item.active,.nav-item:hover{color:var(--accent-color);transform:translateY(-2px)}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{opacity:1}20%,24%,55%{opacity:.5}}.navbar-end{gap:15px}.navbar-end,.user-info{align-items:center;display:flex}.user-info{gap:8px}.user-level{background-color:#e74c3c;border-radius:10px;color:#fff;font-size:12px;margin-left:5px;padding:2px 6px}.auth-btn,.logout-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 15px;text-decoration:none;transition:all .3s ease}.login-btn{background-color:initial;border:1px solid #3498db;color:#3498db}.login-btn:hover,.logout-btn,.register-btn{background-color:#3498db;color:#fff}.logout-btn:hover,.register-btn:hover{background-color:#2980b9}.navbar-menu button.nav-item{background:none;border:none;border-radius:4px;color:var(--light-color);cursor:pointer;font-size:16px;padding:5px 10px;text-decoration:none;transition:all .3s ease}.navbar-menu button.nav-item:hover{background-color:#ffffff1a}@media screen and (max-width:768px){.navbar{flex-wrap:wrap;padding:10px 15px}.navbar-brand{flex:1 1}.navbar-menu{gap:10px;justify-content:center;margin-top:10px;order:3;width:100%}.navbar-end{flex:1 1;justify-content:flex-end}.nav-item{padding:5px 10px}.nav-item,.user-info{font-size:14px}.auth-btn,.logout-btn{font-size:12px;padding:6px 10px}.sound-toggle-btn{font-size:1.1rem}.volume-slider-container{top:38px}}@media screen and (max-width:480px){.navbar{padding:8px 10px}.nav-logo{font-size:20px}.nav-logo:after{font-size:12px;right:-20px;top:-12px}.navbar-menu{gap:5px;margin-top:8px}.sound-toggle-btn{font-size:1rem;padding:4px 8px}.volume-slider-container{padding:8px;top:35px;width:80px;z-index:10000}.auth-btn,.logout-btn{font-size:11px;padding:5px 8px}.user-level{font-size:10px;padding:1px 4px}.nav-item{font-size:13px;padding:4px 8px}.sound-control{margin-left:5px}.user-info{font-size:12px;gap:4px}}.home-container{margin:0 auto;max-width:1200px;padding:20px}.hero-section{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:16px;box-shadow:0 15px 30px #0003;color:#fff;margin-bottom:50px;overflow:hidden;padding:80px 20px;position:relative;text-align:center}.hero-section:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='84' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23fff' fill-opacity='.05'/%3E%3C/svg%3E");content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.hero-section h1{display:inline-block;font-family:Rajdhani,sans-serif;font-size:56px;letter-spacing:1px;margin:0 0 20px;position:relative;text-shadow:3px 3px 6px #0000004d}.hero-section h1:after,.hero-section h1:before{content:"✨";font-size:32px;position:absolute}.hero-section h1:before{animation:sparkle 2s infinite;left:-40px;top:-10px}.hero-section h1:after{animation:sparkle 2s 1s infinite;right:-40px;top:-10px}.hero-subtitle{font-size:22px;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.hero-actions{display:flex;gap:30px;justify-content:center}.continue-button,.play-button,.register-button{border-radius:50px;font-size:18px;font-weight:600;overflow:hidden;padding:16px 36px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}.play-button{background-color:var(--accent-color);box-shadow:0 5px 15px #0003;color:var(--dark-color)}.play-button:before{background-color:#fff3;content:"";height:100%;left:0;position:absolute;top:0;transition:all .4s ease;width:0;z-index:-1}.play-button:hover:before{width:100%}.play-button:hover{box-shadow:0 15px 25px #0000004d;transform:translateY(-5px) scale(1.05)}.register-button{background-color:initial;border:2px solid var(--light-color);color:#fff}.register-button:hover{background-color:var(--light-color);color:var(--primary-color);transform:translateY(-5px) scale(1.05)}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.features-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:70px;perspective:1000px}.feature-card{background-color:#fff;background:linear-gradient(to bottom right,#fff,#f7f7f7);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 30px #00000014;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .5s cubic-bezier(.175,.885,.32,1.275);z-index:1}.feature-card:first-child{border-top:4px solid var(--primary-color)}.feature-card:nth-child(2){border-top:4px solid var(--secondary-color)}.feature-card:nth-child(3){border-top:4px solid var(--accent-color)}.feature-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-15px) rotateX(5deg)}.feature-card:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23138086' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease;width:100%;z-index:-1}.feature-card:hover:after{opacity:1}.feature-icon{animation:float 3s ease-in-out infinite;display:inline-block;font-size:60px;margin-bottom:25px;position:relative;text-shadow:3px 3px 0 #0000001a;z-index:1}.feature-card:first-child .feature-icon{animation-delay:0s}.feature-card:nth-child(2) .feature-icon{animation-delay:.5s}.feature-card:nth-child(3) .feature-icon{animation-delay:1s}.feature-card h3{color:var(--dark-color);font-family:Rajdhani,sans-serif;font-size:24px;font-weight:700;letter-spacing:.5px;margin-bottom:15px;margin-top:0}.feature-card p{color:#555;font-size:16px;line-height:1.6;margin:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.random-color{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.bubble{animation:bubbleRise linear infinite;border-radius:50%;opacity:.6;position:absolute}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0) rotate(0deg)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-500px) rotate(1turn)}}.play-icon{display:inline-block;font-size:16px;margin-left:8px;transition:transform .3s ease}.play-button:hover .play-icon{transform:translateX(5px)}.stat-icon{animation:pulse 2s infinite;font-size:24px;margin-top:10px}.welcome-back{background:linear-gradient(135deg,var(--dark-color),#4d194d);border-radius:16px;box-shadow:0 15px 30px #00000026;color:var(--light-color);margin-bottom:70px;overflow:hidden;padding:40px;position:relative;text-align:center}.welcome-back:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.welcome-back h2{color:var(--light-color);font-family:Rajdhani,sans-serif;font-size:32px;margin-bottom:30px;margin-top:0;position:relative;z-index:1}.user-stats{display:flex;gap:70px;justify-content:center;margin-bottom:40px;position:relative;z-index:1}.stat{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;border-radius:12px;padding:20px 30px;text-align:center;transition:all .3s ease}.stat:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.stat-label{color:var(--light-color);font-size:16px;font-weight:500;margin-bottom:8px;opacity:.8}.stat-value{color:var(--accent-color);font-size:36px;text-shadow:2px 2px 4px #0003}.continue-button{background-color:var(--accent-color);color:var(--dark-color);position:relative;z-index:1}.continue-button:hover{background-color:var(--primary-color);box-shadow:0 15px 25px #0003;color:var(--light-color);transform:translateY(-5px) scale(1.05)}.rules-section{background-color:#fff;background:linear-gradient(to bottom right,#fff,#f9f9f9);border-radius:16px;box-shadow:0 15px 30px #0000001a;overflow:hidden;padding:50px;position:relative}.rules-section:before{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));height:150px;right:-75px;top:-75px;width:150px}.rules-section:after,.rules-section:before{border-radius:50%;content:"";opacity:.1;position:absolute;z-index:0}.rules-section:after{background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));bottom:-50px;height:100px;left:-50px;width:100px}.rules-section h2{color:var(--dark-color);font-family:Rajdhani,sans-serif;font-size:32px;font-weight:700;margin-bottom:30px;margin-top:0;position:relative;text-align:center;z-index:1}.rules-section h2:after{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:2px;content:"";display:block;height:4px;margin:15px auto 0;width:60px}.rules-section ol{margin:0 auto 40px;max-width:700px;padding-left:30px;position:relative;z-index:1}.rules-section li{color:#444;font-size:18px;margin-bottom:15px;padding-left:10px;position:relative}.rules-section li::marker{color:var(--secondary-color);font-family:Rajdhani,sans-serif;font-weight:700}.rules-graphic{gap:25px;margin-top:40px;perspective:1000px;z-index:1}.example-card,.rules-graphic{display:flex;justify-content:center;position:relative}.example-card{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:10px;box-shadow:0 10px 20px #00000026;color:#fff;font-size:36px;height:110px;overflow:hidden;transition:all .4s ease-out;width:80px}.example-card:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0h2v20H9V0zm25.134.84 1.732 1-10 17.32-1.732-1 10-17.32zm-20 20 1.732 1-10 17.32-1.732-1 10-17.32zM58.16 4.134l1 1.732-17.32 10-1-1.732 17.32-10zm-40 40 1 1.732-17.32 10-1-1.732 17.32-10zM80 9v2H60V9h20zM20 9v2H0V9h20zm60.134 34.84 1.732 1-10 17.32-1.732-1 10-17.32zM60 60h20v2H60v-2zm0-20h20v2H60v-2zM20 60h20v2H20v-2zm0-20h20v2H20v-2zm40 40h20v2H60v-2zm0-20h20v2H60v-2zM20 80h20v2H20v-2zm0-20h20v2H20v-2z' fill='%23fff' fill-opacity='.2'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0}.example-card:hover{transform:rotateY(15deg) translateY(-10px)}.example-card.flipped{background:#fff;border:3px solid var(--accent-color);color:var(--dark-color)}.example-card.flipped:hover{transform:rotateY(-15deg) translateY(-10px)}.example-card.flipped:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='52' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4a6 6 0 0 1-6-6h2c0 2.21 1.79 4 4 4a6 6 0 0 1 6 6c0 2.21 1.79 4 4 4a6 6 0 0 1 6 6c0 2.21 1.79 4 4 4v2a6 6 0 0 1-6-6c0-2.21-1.79-4-4-4a6 6 0 0 1-6-6zm25.464-1.95 8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' fill='%23138086' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");content:""}.scroll-indicator{margin-bottom:30px;margin-top:50px;position:relative;text-align:center}.scroll-text{color:var(--secondary-color);display:block;font-size:16px;font-weight:500;margin-bottom:10px;opacity:.8}.scroll-arrow{animation:bounce 2s infinite;color:var(--accent-color);font-size:24px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-10px)}}@media (max-width:768px){.home-container{padding:15px}.features-section{gap:20px;grid-template-columns:repeat(1,1fr);margin-bottom:40px}.hero-section{margin-bottom:30px;padding:50px 15px}.hero-section h1{font-size:32px}.hero-subtitle{font-size:18px;margin-bottom:30px}.hero-actions{flex-direction:column;gap:15px;margin:0 auto;width:80%}.continue-button,.play-button,.register-button{font-size:16px;padding:14px 20px;text-align:center;width:100%}.user-stats{flex-direction:column;gap:20px}.welcome-back{padding:30px 20px}.example-card{font-size:28px;height:98px;width:70px}.rules-section{padding:40px 20px}.rules-section ol{padding-left:20px}.rules-section li{font-size:16px;margin-bottom:12px}}@media (max-width:480px){.home-container{padding:10px}.hero-section{border-radius:12px;padding:30px 15px}.hero-section h1{font-size:28px}.hero-section h1:after,.hero-section h1:before{font-size:24px}.hero-subtitle{font-size:16px;margin-bottom:25px}.hero-actions{width:100%}.continue-button,.play-button,.register-button{border-radius:30px;font-size:15px;padding:12px 16px}.example-card{font-size:24px;height:84px;margin:5px;width:60px}.feature-icon{font-size:40px;margin-bottom:15px}.feature-card h3{font-size:20px}.welcome-back{border-radius:12px;padding:25px 15px}.welcome-back h2{font-size:24px;margin-bottom:20px}.stat-value{font-size:28px}.rules-section{padding:25px 15px}.rules-section h2{font-size:24px}.rules-section li{font-size:15px;margin-bottom:10px}.scroll-indicator{margin-bottom:20px;margin-top:30px}}.memory-card{cursor:pointer;height:140px;margin:12px;perspective:1000px;position:relative;transition:all .3s ease;width:100px}.memory-card:hover{transform:translateY(-5px)}.memory-card.flipped{transform:scale(1.05)}.card-inner{border-radius:8px;box-shadow:0 4px 8px #0003;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%}.card-front{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--light-color);font-size:36px}.card-front:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0h2v20H9V0zm25.134.84 1.732 1-10 17.32-1.732-1 10-17.32zm-20 20 1.732 1-10 17.32-1.732-1 10-17.32zM58.16 4.134l1 1.732-17.32 10-1-1.732 17.32-10zm-40 40 1 1.732-17.32 10-1-1.732 17.32-10zM80 9v2H60V9h20zM20 9v2H0V9h20zm60.134 34.84 1.732 1-10 17.32-1.732-1 10-17.32zM60 60h20v2H60v-2zm0-20h20v2H60v-2zM20 60h20v2H20v-2zm0-20h20v2H20v-2zm40 40h20v2H60v-2zm0-20h20v2H60v-2zM20 80h20v2H20v-2zm0-20h20v2H20v-2z' fill='%23fff' fill-opacity='.2'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.2;position:absolute;right:0;top:0}.card-front:after{color:var(--light-color);content:"?";font-family:Rajdhani,sans-serif;font-size:48px;font-weight:700;text-shadow:2px 2px 4px #0000004d}.front-design{animation:rotateSlow 15s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath fill='%23fff' fill-opacity='.2' d='M14 16H9v-2h5V9.87a4 4 0 1 1 2 0V14h5v2h-5v15.95A10 10 0 0 0 23.66 27l-3.46-2 8.2-2.2-2.9 5a12 12 0 0 1-21 0l-2.89-5 8.2 2.2-3.47 2A10 10 0 0 0 14 31.95V16zm40 40h-5v-2h5v-4.13a4 4 0 1 1 2 0V54h5v2h-5v15.95A10 10 0 0 0 63.66 67l-3.47-2 8.2-2.2-2.88 5a12 12 0 0 1-21.02 0l-2.88-5 8.2 2.2-3.47 2A10 10 0 0 0 54 71.95V56zm-39 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm40-40a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM15 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm40 40a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E");border-radius:50%;box-shadow:0 0 0 3px #ffffff1a;height:80%;left:10%;opacity:.8;position:absolute;top:10%;width:80%}@keyframes rotateSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card-back{background-color:var(--light-color);border:3px solid var(--accent-color);transform:rotateY(180deg)}.card-back:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='52' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4a6 6 0 0 1-6-6h2c0 2.21 1.79 4 4 4a6 6 0 0 1 6 6c0 2.21 1.79 4 4 4a6 6 0 0 1 6 6c0 2.21 1.79 4 4 4v2a6 6 0 0 1-6-6c0-2.21-1.79-4-4-4a6 6 0 0 1-6-6zm25.464-1.95 8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' fill='%23138086' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.card-content{animation:pop .3s ease-out;font-size:48px;position:relative;z-index:2}.memory-card.matched .card-content{animation:matched .8s ease-out}.memory-card.recently-matched{animation:recentlyMatched 1s ease}@keyframes pop{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes matched{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(5deg)}75%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes recentlyMatched{0%{box-shadow:0 4px 12px #0003;transform:translateY(0)}25%{box-shadow:0 12px 24px #0000001a;transform:translateY(-10px)}50%{box-shadow:0 4px 12px #0003;transform:translateY(0)}75%{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}to{box-shadow:0 4px 12px #0003;transform:translateY(0)}}.match-glow{animation:glowPulse 2s ease-in-out infinite;border-radius:8px;box-shadow:0 0 15px 5px var(--accent-color);height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}@keyframes glowPulse{0%{opacity:0}50%{opacity:.5}to{opacity:0}}.celebration-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.celebration-particles:after,.celebration-particles:before{animation:particle 1s ease-out forwards;border-radius:50%;content:"";height:8px;position:absolute;width:8px}.celebration-particles:before{background-color:var(--primary-color);left:20%;top:20%}.celebration-particles:after{animation-delay:.3s;background-color:var(--accent-color);right:20%;top:20%}@keyframes particle{0%{opacity:1;transform:scale(0) translate(0)}to{opacity:0;transform:scale(1) translate(40px,-40px)}}@media screen and (max-width:768px){.memory-card{height:112px;margin:8px;width:80px}.card-back,.card-front{font-size:2em}}@media screen and (max-width:480px){.memory-card{height:84px;margin:5px;width:60px}.card-back,.card-front{font-size:1.5em}.memory-card:hover{transform:translateY(-2px)}.memory-card.flipped{transform:scale(1.02)}.card-inner{box-shadow:0 2px 4px #0003}}.game-stats{align-items:center;background:linear-gradient(135deg,#fffc,#ffffffe6);border:1px solid #ff6b3533;border-radius:12px;box-shadow:0 6px 15px #0000001a;display:flex;justify-content:space-around;margin-bottom:25px;overflow:hidden;padding:15px;position:relative}.game-stats:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23FF6B35' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:0}.stat-box{border-right:1px dashed #1380864d;flex:1 1;padding:0 15px;position:relative;text-align:center;transition:all .3s ease;z-index:1}.stat-box:hover{transform:translateY(-3px)}.stat-box:last-child{border-right:none}.stat-box:before{background:linear-gradient(90deg,#0000,var(--accent-color),#0000);bottom:-8px;content:"";height:2px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;width:30%}.stat-box:hover:before{opacity:1}.high-score{background:linear-gradient(135deg,#ffc04566,#ffc04533);border:1px solid #ffc04580;border-radius:8px;overflow:hidden;padding:5px;position:relative}.high-score:after{animation:sparkleRotate 10s linear infinite;background:radial-gradient(circle,#ffc0454d 10%,#0000 10.5%),radial-gradient(circle,#ffc0454d 10%,#0000 10.5%);background-position:0 0,10px 10px;background-size:20px 20px;content:"";height:200%;left:-50%;opacity:.3;position:absolute;top:-50%;width:200%;z-index:0}@keyframes sparkleRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stat-label{color:var(--tertiary-color);font-size:14px;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.stat-label,.stat-value{font-family:Rajdhani,sans-serif;position:relative;z-index:1}.stat-value{color:var(--primary-color);font-size:26px;font-weight:700;text-shadow:1px 1px 0 #fffc}.stat-icon{animation:iconPulse 2s infinite;display:inline-block;margin-right:5px;position:relative;top:-1px}@keyframes iconPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media screen and (max-width:768px){.game-stats{margin-bottom:20px;padding:12px 10px}.stat-box{padding:0 10px}.stat-label{font-size:13px;margin-bottom:3px}.stat-value{font-size:22px}}@media screen and (max-width:480px){.game-stats{flex-wrap:wrap;justify-content:center;margin-bottom:15px;padding:10px 5px}.stat-box{border-bottom:1px dashed #1380864d;border-right:none;flex:0 0 50%;padding:8px;width:50%}.stat-box:nth-child(2n){border-left:1px dashed #1380864d}.stat-box:nth-last-child(-n+2){border-bottom:none}.stat-label{font-size:12px}.stat-value{font-size:18px}}.game-container{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0V0zm10 17a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm20 0a7 7 0 1 0 0-14 7 7 0 0 0 0 14zM10 37a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm10-17h20v20H20V20zm10 17a7 7 0 1 0 0-14 7 7 0 0 0 0 14z' fill='%23138086' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");border-radius:15px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:1000px;overflow:hidden;padding:20px;position:relative}.game-container:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color),var(--tertiary-color),var(--quaternary-color));content:"";height:5px;left:0;position:absolute;top:0;width:100%}.game-board{animation:boardFadeIn 1s ease-in-out;background:#ffffff80;border:2px solid #ff6b3533;border-radius:12px;display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px;padding:20px;perspective:1000px;position:relative}@keyframes boardFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.game-over{animation:celebrateWin .8s ease-out;background-color:var(--light-color);border:3px solid var(--primary-color);border-radius:15px;box-shadow:0 15px 35px #00000026;margin:50px auto;max-width:500px;padding:30px;position:relative;text-align:center}@keyframes celebrateWin{0%{opacity:0;transform:translateY(30px)}50%{transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.game-over:after,.game-over:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 5C16.2 5 5 16.2 5 30s11.2 25 25 25 25-11.2 25-25S43.8 5 30 5zm0 45c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20z' fill='%23FF6B35'/%3E%3Cpath d='M30 15c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15zm0 25c-5.5 0-10-4.5-10-10s4.5-10 10-10 10 4.5 10 10-4.5 10-10 10z' fill='%23138086'/%3E%3Ccircle cx='30' cy='30' r='5' fill='%23FFC045'/%3E%3C/svg%3E");content:"";height:60px;opacity:.6;position:absolute;width:60px}.game-over:before{left:-15px;top:-15px}.game-over:after{bottom:-15px;right:-15px;transform:rotate(180deg)}.game-over h2{color:var(--primary-color);display:inline-block;font-family:Rajdhani,sans-serif;font-size:32px;letter-spacing:1px;margin-top:0;position:relative;text-shadow:1px 1px 0 #0000001a}.game-over h2:after{background:linear-gradient(90deg,#0000,var(--primary-color),var(--secondary-color),var(--primary-color),#0000);bottom:-5px;content:"";height:2px;left:0;position:absolute;right:0}.game-results{background:#fffc;border-left:5px solid var(--secondary-color);border-radius:8px;font-size:18px;margin:30px 0;padding:15px;text-align:left}.game-results p{margin:15px 0;padding-left:20px;position:relative;transition:all .3s ease}.game-results p:hover{transform:translateX(5px)}.game-results p:before{color:var(--accent-color);content:"✦";left:0;position:absolute}.game-results span{border-bottom:1px dashed var(--secondary-color);color:var(--tertiary-color);font-weight:700;margin-left:10px;padding-bottom:2px}.game-options{display:flex;flex-direction:column;gap:18px;padding-top:15px;position:relative}.game-options:before{color:var(--accent-color);content:"⚜";font-size:20px;left:50%;position:absolute;top:-10px;transform:translateX(-50%)}.leaderboard-btn,.level-up-btn,.restart-btn{border:none;border-radius:8px;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700;letter-spacing:1px;overflow:hidden;padding:14px 24px;position:relative;text-transform:uppercase;transition:all .4s ease;z-index:1}.leaderboard-btn:after,.level-up-btn:after,.restart-btn:after{background:#fff3;content:"";height:200%;left:-10%;position:absolute;top:-50%;transform:rotate(35deg);transition:all .4s ease;width:120%;z-index:-1}.leaderboard-btn:hover:after,.level-up-btn:hover:after,.restart-btn:hover:after{left:100%}.level-up-btn{box-shadow:0 4px 0 #13808680;color:#fff}.level-up-btn,.level-up-btn:hover{background-color:var(--secondary-color)}.level-up-btn:hover{box-shadow:0 7px 0 #13808680;transform:translateY(-3px)}.level-up-btn:active{box-shadow:0 2px 0 #13808680;transform:translateY(0)}.restart-btn{box-shadow:0 4px 0 #ff6b3580;color:#fff}.restart-btn,.restart-btn:hover{background-color:var(--primary-color)}.restart-btn:hover{box-shadow:0 7px 0 #ff6b3580;transform:translateY(-3px)}.restart-btn:active{box-shadow:0 2px 0 #ff6b3580;transform:translateY(0)}.leaderboard-btn{background-color:var(--accent-color);box-shadow:0 4px 0 #ffc04580;color:#fff}.leaderboard-btn:hover{background-color:var(--accent-color);box-shadow:0 7px 0 #ffc04580;transform:translateY(-3px)}.leaderboard-btn:active{box-shadow:0 2px 0 #ffc04580;transform:translateY(0)}.max-level{background-color:#d811590d;border:1px dashed var(--quaternary-color);border-radius:8px;color:var(--quaternary-color);font-weight:700;margin:10px 0;padding:10px;position:relative}@media (max-width:768px){.game-board{max-width:100%;overflow-x:hidden}.memory-card{height:70px;margin:5px;width:70px}}@media (max-width:480px){.memory-card{height:60px;margin:4px;width:60px}.card-content{font-size:32px}}.game-container.fade-in{animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mantra-banner{align-items:center;background:linear-gradient(45deg,#ff6b351a,#1380861a);border-left:4px solid var(--primary-color);border-radius:8px;display:flex;justify-content:center;margin-bottom:20px;padding:10px}.mantra-symbol{animation:pulse 2s infinite;color:var(--primary-color);font-size:24px;margin-right:10px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.mantra-banner p{color:var(--tertiary-color);font-size:14px;font-style:italic;margin:0}.level-indicator{align-items:center;color:var(--quaternary-color);display:flex;justify-content:center;margin:15px 0}.level-lotus{display:flex;margin-right:10px}.lotus-petal{animation:rotatePetal 4s linear infinite;color:var(--accent-color);display:inline-block;font-size:20px;margin-right:3px}@keyframes rotatePetal{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.level-text{font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:1px}.board-decorations{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.corner-decoration{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath d='M0 0h30v1H1v29H0V0zm30 30H0v-1h29V0h1v30z' fill='%23FF6B35'/%3E%3C/svg%3E");height:30px;opacity:.7;position:absolute;width:30px}.top-left{left:5px;top:5px}.top-right{right:5px;top:5px}.bottom-left{bottom:5px;left:5px;transform:rotate(-90deg)}.bottom-right{bottom:5px;right:5px}.level-up-btn:hover .btn-icon{transform:translateY(-3px)}.restart-btn:hover .btn-icon{transform:rotate(1turn)}.celebration-animation{background:radial-gradient(circle,#0000 20%,var(--light-color) 20%,var(--light-color) 80%,#0000 80%,#0000),radial-gradient(circle,#0000 20%,var(--light-color) 20%,var(--light-color) 80%,#0000 80%,#0000) 25px 25px,linear-gradient(var(--accent-color) 2px,#0000 2px) 0 -1px,linear-gradient(90deg,var(--accent-color) 2px,var(--light-color) 2px) -1px 0;background-size:50px 50px,50px 50px,25px 25px,25px 25px;height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}@media screen and (max-width:768px){.game-container{margin:10px;padding:15px}.game-board{margin-top:20px;padding:10px}.memory-card{height:112px;margin:5px;width:80px}.game-controls{align-items:center;flex-direction:column}.game-stats{margin:10px 0;padding:10px}.game-over-modal,.level-complete-modal{width:90%}.game-over h2{font-size:28px}.game-results{font-size:16px;padding:12px}.leaderboard-btn,.level-up-btn,.restart-btn{font-size:15px;padding:12px 20px}.mantra-banner{padding:8px}}@media screen and (max-width:480px){.game-container{border-radius:10px;padding:10px}.game-board{border-width:1px;margin-top:10px;padding:5px}.memory-card{font-size:1.5em;height:84px;margin:3px;width:60px}.game-status{font-size:16px}.game-btn{font-size:14px;padding:8px 12px}.game-over-modal h2,.level-complete-modal h2{font-size:1.25rem}.game-over{margin:30px auto;padding:20px}.game-over:after,.game-over:before{height:40px;width:40px}.leaderboard-btn,.level-up-btn,.restart-btn{font-size:14px;margin-bottom:10px;padding:10px 16px}.mantra-banner{margin-bottom:15px}.mantra-symbol{font-size:20px}.mantra-banner p{font-size:12px}.game-options{gap:12px}}.auth-container{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5z' fill='%23FFF' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E"),linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);display:flex;justify-content:center;min-height:calc(100vh - 70px);overflow:hidden;padding:20px;position:relative}.auth-container:after,.auth-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M100 5C48.6 5 5 48.6 5 100s43.6 95 95 95 95-43.6 95-95-43.6-95-95-95zm0 180c-47 0-85-38-85-85s38-85 85-85 85 38 85 85-38 85-85 85z' fill='%23FFC045' fill-opacity='.2'/%3E%3Ccircle cx='100' cy='100' r='50' stroke='%23FFC045' stroke-opacity='.15' stroke-width='10' fill='none'/%3E%3Ccircle cx='100' cy='100' r='65' stroke='%23FFC045' stroke-opacity='.1' stroke-width='5' fill='none'/%3E%3Cpath d='M100 15v170m-85-85h170M29.3 29.3l141.4 141.4m-141.4 0L170.7 29.3' stroke='%23FFC045' stroke-opacity='.15' stroke-width='3'/%3E%3C/svg%3E");content:"";height:200px;opacity:.3;pointer-events:none;position:absolute;width:200px;z-index:0}.auth-container:before{left:-100px;top:-100px}.auth-container:after{bottom:-100px;right:-100px}.auth-card{background-color:var(--light-color);border:1px solid #fff3;border-radius:15px;box-shadow:0 15px 35px #0003;max-width:450px;overflow:hidden;padding:35px;position:relative;width:100%;z-index:1}.auth-card:after,.auth-card:before{content:"";height:60px;opacity:.2;position:absolute;width:60px}.auth-card:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 5C16.2 5 5 16.2 5 30s11.2 25 25 25 25-11.2 25-25S43.8 5 30 5zm0 40c-8.3 0-15-6.7-15-15s6.7-15 15-15 15 6.7 15 15-6.7 15-15 15z' fill='%23FF6B35'/%3E%3C/svg%3E");right:0;top:0;transform:rotate(90deg)}.auth-card:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 5C16.2 5 5 16.2 5 30s11.2 25 25 25 25-11.2 25-25S43.8 5 30 5zm0 40c-8.3 0-15-6.7-15-15s6.7-15 15-15 15 6.7 15 15-6.7 15-15 15z' fill='%23138086'/%3E%3C/svg%3E");bottom:0;left:0;transform:rotate(-90deg)}.auth-card h2{color:var(--primary-color);display:inline-block;font-family:Rajdhani,sans-serif;font-size:32px;font-weight:700;letter-spacing:1px;margin-bottom:15px;margin-top:0;position:relative;text-align:center;width:100%}.auth-card h2:after{background:linear-gradient(90deg,#0000,var(--accent-color),#0000);bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.auth-subtitle{color:var(--secondary-color);font-style:italic;margin-bottom:30px;position:relative;text-align:center}.spiritual-symbol{animation:glow 3s infinite alternate;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 5C16.2 5 5 16.2 5 30s11.2 25 25 25 25-11.2 25-25S43.8 5 30 5zm0 45c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20z' fill='%23FF6B35'/%3E%3Cpath d='M30 15c-8.3 0-15 6.7-15 15s6.7 15 15 15 15-6.7 15-15-6.7-15-15-15zm0 25c-5.5 0-10-4.5-10-10s4.5-10 10-10 10 4.5 10 10-4.5 10-10 10z' fill='%23138086'/%3E%3Ccircle cx='30' cy='30' r='5' fill='%23FFC045'/%3E%3Ctext x='30' y='33' text-anchor='middle' font-size='14' font-family='Arial' fill='%233D2645' font-weight='bold'%3Eॐ%3C/text%3E%3C/svg%3E");height:60px;margin:0 auto 20px;position:relative;width:60px}@keyframes glow{0%{filter:drop-shadow(0 0 2px var(--accent-color));transform:scale(1)}to{filter:drop-shadow(0 0 10px var(--accent-color));transform:scale(1.05)}}.auth-error{background-color:#d811591a;border-left:4px solid var(--error-color);border-radius:8px;color:var(--error-color);margin-bottom:20px;padding:12px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px;position:relative}.auth-form:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='52' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4a6 6 0 0 1-6-6h2c0 2.21 1.79 4 4 4a6 6 0 0 1 6 6c0 2.21 1.79 4 4 4a6 6 0 0 1 6 6c0 2.21 1.79 4 4 4v2a6 6 0 0 1-6-6c0-2.21-1.79-4-4-4a6 6 0 0 1-6-6zm25.464-1.95 8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' fill='%23138086' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100%;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.form-group{display:flex;flex-direction:column;position:relative}.form-group label{color:var(--dark-color);font-family:Rajdhani,sans-serif;font-weight:500;letter-spacing:.5px;margin-bottom:8px;padding-left:5px}.form-group input{animation:formFieldFadeIn .5s ease-out forwards;background-color:#ffffffb3;border:1px solid #ff6b3533;border-radius:8px;box-shadow:0 3px 6px #0000000d;font-size:16px;opacity:0;padding:14px 15px;transform:translateY(10px);transition:all .3s ease}@keyframes formFieldFadeIn{to{opacity:1;transform:translateY(0)}}.form-group:first-child input{animation-delay:.1s}.form-group:nth-child(2) input{animation-delay:.2s}.form-group:nth-child(3) input{animation-delay:.3s}.form-group:nth-child(4) input{animation-delay:.4s}.form-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ffc04533;outline:none;transform:translateY(-1px)}.form-group input.error{border-color:var(--error-color);box-shadow:0 0 0 2px #d811591a}.error-message{align-items:center;color:var(--error-color);display:flex;font-size:13px;margin-top:6px;padding-left:5px}.error-message:before{background-color:var(--error-color);border-radius:50%;color:#fff;content:"!";display:inline-block;font-size:12px;font-weight:700;height:16px;line-height:16px;margin-right:6px;text-align:center;width:16px}.auth-button{background-color:var(--secondary-color);border:none;border-radius:8px;box-shadow:0 4px 0 #13808680;color:#fff;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;margin-top:15px;overflow:hidden;padding:14px;position:relative;text-transform:uppercase;transition:all .4s ease}.auth-button:after{background:#fff3;content:"";height:200%;left:-10%;position:absolute;top:-50%;transform:rotate(35deg);transition:all .4s ease;width:120%;z-index:1}.btn-icon{display:inline-block;margin-right:8px;transition:transform .3s ease}.auth-button:hover{background-color:var(--secondary-color);box-shadow:0 7px 0 #13808680;transform:translateY(-3px)}.auth-button:hover:after{left:100%}.auth-button:active{box-shadow:0 2px 0 #13808680;transform:translateY(0)}.auth-redirect{color:var(--tertiary-color);margin-top:25px;padding-top:15px;position:relative;text-align:center}.auth-redirect:before{background:linear-gradient(90deg,#0000,var(--accent-color),#0000);content:"";height:1px;left:25%;position:absolute;right:25%;top:0}.auth-redirect a,.auth-redirect span{color:var(--primary-color);cursor:pointer;font-weight:500;padding-bottom:2px;position:relative;text-decoration:none}.auth-redirect a:after,.auth-redirect span:after{background:var(--primary-color);bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.auth-redirect a:hover:after,.auth-redirect span:hover:after{transform:scaleX(1);transform-origin:left}.auth-redirect a:hover,.auth-redirect span:hover{color:var(--accent-color)}@media (max-width:768px){.auth-container:after,.auth-container:before{height:150px;opacity:.2;width:150px}.auth-card{max-width:400px;padding:25px}.auth-card h2{font-size:28px}.spiritual-symbol{height:50px;margin-bottom:15px;width:50px}}@media (max-width:480px){.auth-container{min-height:calc(100vh - 60px);padding:15px 10px}.auth-container:after,.auth-container:before{display:none}.auth-card{border-radius:12px;margin:0 auto;max-width:320px;padding:20px 15px;width:100%}.auth-card:after,.auth-card:before{height:30px;width:30px}.auth-card h2{font-size:22px}.auth-subtitle{font-size:13px;margin-bottom:20px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input{border-radius:6px;font-size:14px;padding:10px}.auth-button{font-size:14px;margin-top:10px;padding:12px}.auth-redirect{font-size:13px;margin-top:20px}.error-message{font-size:12px}.spiritual-symbol{height:40px;margin-bottom:12px;width:40px}.auth-form{gap:15px}}.leaderboard-container{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='52' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4a6 6 0 0 1-6-6h2c0 2.21 1.79 4 4 4a6 6 0 0 1 6 6c0 2.21 1.79 4 4 4a6 6 0 0 1 6 6c0 2.21 1.79 4 4 4v2a6 6 0 0 1-6-6c0-2.21-1.79-4-4-4a6 6 0 0 1-6-6zm25.464-1.95 8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' fill='%23138086' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");margin:0 auto;max-width:1000px;padding:30px}.leaderboard-section{background-color:var(--light-color);border:1px solid #ff6b3533;border-radius:15px;box-shadow:0 8px 30px #0000001a;margin-bottom:40px;overflow:hidden;padding:25px;position:relative}.leaderboard-section:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color),var(--tertiary-color),var(--quaternary-color));content:"";height:5px;left:0;position:absolute;top:0;width:100%}.leaderboard-section:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70'%3E%3Cpath d='M35 5C18.4 5 5 18.4 5 35s13.4 30 30 30 30-13.4 30-30S51.6 5 35 5zm0 55c-13.8 0-25-11.2-25-25s11.2-25 25-25 25 11.2 25 25-11.2 25-25 25z' fill='%23FF6B35' fill-opacity='.1'/%3E%3Cpath d='M35 15c-11 0-20 9-20 20s9 20 20 20 20-9 20-20-9-20-20-20zm0 35c-8.3 0-15-6.7-15-15s6.7-15 15-15 15 6.7 15 15-6.7 15-15 15z' fill='%23138086' fill-opacity='.1'/%3E%3Ccircle cx='35' cy='35' r='7.5' fill='%23FFC045' fill-opacity='.1'/%3E%3C/svg%3E");content:"";height:70px;opacity:.5;position:absolute;right:10px;top:10px;width:70px}.leaderboard-section h2{border-bottom:2px dashed #ff6b354d;color:var(--primary-color);display:inline-block;font-family:Rajdhani,sans-serif;font-size:28px;letter-spacing:1px;margin-bottom:20px;margin-top:0;padding-bottom:15px;position:relative}.loading,.no-data{color:var(--tertiary-color);font-style:italic;padding:20px;text-align:center}.leaderboard-table{border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 5px 15px #0000000d;margin-top:20px;overflow:hidden;width:100%}.leaderboard-table th{background:linear-gradient(135deg,var(--secondary-color) 0,#138086cc 100%);color:#fff;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;padding:15px;text-align:left;text-transform:uppercase}.leaderboard-table td{border-bottom:1px solid #ff6b351a;color:var(--tertiary-color);font-family:Poppins,sans-serif;padding:15px;transition:all .3s ease}.leaderboard-table tr{background-color:#fff;transition:all .3s ease}.leaderboard-table tr:hover{background-color:#ffc0451a;box-shadow:0 5px 10px #0000000d;transform:translateY(-2px)}.leaderboard-table tr:nth-child(2n){background-color:#fffc}.rank{font-weight:700;position:relative;width:60px}.leaderboard-table tr:first-child .rank:before{content:"🏆";font-size:16px;left:-8px;position:absolute;top:-8px}.leaderboard-table tr:nth-child(2) .rank:before{content:"🥈";font-size:14px;left:-5px;position:absolute;top:-5px}.leaderboard-table tr:nth-child(3) .rank:before{content:"🥉";font-size:14px;left:-5px;position:absolute;top:-5px}.score{color:var(--primary-color);font-weight:700;padding-right:20px;position:relative}.score:after{content:"✨";font-size:12px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.level{color:var(--accent-color);font-weight:500;position:relative;transition:all .3s ease}.user-scores td{font-size:14px}@media (max-width:768px){.leaderboard-container{padding:15px}.leaderboard-table{font-size:14px}.leaderboard-table td,.leaderboard-table th{padding:8px}}.leaderboard-header{align-items:center;display:flex;justify-content:center;margin-bottom:30px;position:relative}.leaderboard-header h1{color:var(--primary-color);font-family:Rajdhani,sans-serif;font-size:36px;letter-spacing:2px;margin:0 20px;padding:0 20px;position:relative;text-align:center;text-transform:uppercase}.header-decoration{background:linear-gradient(90deg,#0000,var(--accent-color),#0000);flex:1 1;height:2px;position:relative}.header-decoration:after,.header-decoration:before{color:var(--secondary-color);content:"☸";font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.header-decoration.left:before{right:10px}.header-decoration.right:before{left:10px}.section-decoration{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath d='M25 0C11.2 0 0 11.2 0 25s11.2 25 25 25 25-11.2 25-25S38.8 0 25 0zm0 45C14 45 5 36 5 25S14 5 25 5s20 9 20 20-9 20-20 20z' fill='%23D81159'/%3E%3C/svg%3E");height:50px;opacity:.2;position:absolute;width:50px}.top-left{left:10px;top:10px}.top-right{right:10px;top:10px;transform:rotate(90deg)}.bottom-left{bottom:10px;left:10px;transform:rotate(270deg)}.bottom-right{bottom:10px;right:10px;transform:rotate(180deg)}.title-icon{animation:floatIcon 3s ease-in-out infinite;display:inline-block;margin-right:8px}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.personal-journey{background-image:linear-gradient(to right bottom,#ffffffe6,#fffffff2),url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m54.627 0 .83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0 7.372 3.657l1.415 1.414L13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM18.718 0l-5.485 5.486L14.647 6.9l7.9-7.9h-2.83zm16.97 0-7.071 7.071 1.414 1.414L40.2 0h-2.83zM21.626 0l-7.07 7.071 1.414 1.414L30.2 0h-2.83zM3.828 0 17.97 14.142l1.414-1.414L3.828 0h2.828zm49.829 0L39.515 14.142l-1.414-1.414L56.485 0h-2.828z' fill='%23FFC045' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E")}.journey-quote{background-color:#ffc0451a;border-left:3px solid var(--accent-color);font-style:italic;margin-top:30px;padding:15px}.journey-quote p{color:var(--tertiary-color);margin:0 0 5px}.quote-author{font-size:14px;text-align:right}.quote-author,.time-cell{color:var(--secondary-color)}.time-cell{font-family:Rajdhani,sans-serif;font-weight:700}.leaderboard-table tr.top-1{background-color:#ffc04533}.leaderboard-table tr.top-2{background-color:#fffc}.leaderboard-table tr.top-3{background-color:#d811591a}@media (max-width:768px){.leaderboard-container{padding:20px 15px}.leaderboard-section{margin-bottom:30px;padding:20px}.leaderboard-section h2{font-size:24px}.leaderboard-table th{font-size:13px;padding:12px 10px}.leaderboard-table td{padding:12px 10px}.rank-number{font-size:16px;height:30px;width:30px}.leaderboard-table tr:hover{transform:translateY(-1px)}.leaderboard-header{padding:20px 15px}}@media (max-width:480px){.leaderboard-container{padding:15px 10px}.leaderboard-section{border-radius:12px;padding:15px}.leaderboard-table{border-radius:8px;font-size:12px}.leaderboard-table th{font-size:12px;padding:10px 8px}.leaderboard-table td{padding:10px 8px}.leaderboard-header h1{font-size:24px}.leaderboard-section h2{font-size:20px;padding-bottom:10px}.header-decoration:after,.header-decoration:before{display:none}.section-decoration{height:30px;width:30px}.rank-number{font-size:14px;height:24px;margin-right:4px;width:24px}.user-scores td{font-size:12px}.leaderboard-tabs button{font-size:13px;padding:8px 12px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#ff6b35;--secondary-color:#138086;--accent-color:#ffc045;--highlight-color:#d81159;--dark-color:#3d2645;--light-color:#fff1e9;--success-color:#69b578;--error-color:#d81159}body{background-color:#fff1e9;background-color:var(--light-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23138086' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");color:#3d2645;color:var(--dark-color);font-family:Poppins,Segoe UI,sans-serif;line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-bottom:40px}.footer{background-color:#3d2645;background-color:var(--dark-color);box-shadow:0 -2px 10px #0000001a;color:#fff1e9;color:var(--light-color);font-size:14px;margin-top:auto;padding:15px;text-align:center}a{color:inherit;text-decoration:none}button{cursor:pointer}@media (max-width:768px){.main-content{padding-bottom:30px}.footer{font-size:13px;padding:12px}}@media (max-width:480px){body{font-size:14px}.main-content{padding-bottom:20px}.footer{font-size:12px;padding:10px}a.btn,button,input[type=button],input[type=submit]{min-height:40px;min-width:40px}}