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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(135deg,#fdfbfb,#ebedee);color:#333;font-family:Segoe UI,sans-serif;margin:0;padding:0}.brand-blue{color:#2196f3}.brand-green{color:#4caf50}.brand-orange{color:#ff9800}.App{text-align:center}.home-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:40px 20px}.home-header{color:#333;font-size:2.8rem;font-weight:700;margin-top:10px}.brand-name{color:#2196f3}.home-subtext{color:#666;font-size:1.2rem;margin:10px 0 20px}.user-display{align-self:flex-end}.buttons-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;min-width:160px;padding:12px 24px}.btn-login{background-color:#4caf50;color:#fff}.btn-signup{background-color:#2196f3;color:#fff}.btn-explore{background:#ff9800;color:#fff;font-weight:700}.benefits-box{background:#f5f5f5;border-radius:10px;box-shadow:0 2px 8px #0000000d;max-width:600px;padding:25px;text-align:left;width:90%}.benefits-box ul{list-style:none;padding-left:0}.benefits-box li{color:#333;font-size:1.1rem;margin-bottom:10px}@media (max-width:600px){.buttons-row{align-items:center;flex-direction:column}.btn{width:90%}}.App-header,.App-link,.App-logo{display:none}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-signout{margin-left:15px}.user-display{color:#555;font-weight:700;justify-content:flex-end;margin-bottom:10px}.navbar{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #ccc;display:flex;font-family:Segoe UI,sans-serif;justify-content:space-between;padding:14px 24px}.navbar-left .logo{color:#2196f3;cursor:pointer;font-size:22px;font-weight:700}.navbar-right{align-items:center;display:flex}.user-name{color:#333;font-weight:700;margin-right:12px}.btn-signout{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.username-display{color:#333;font-weight:500;margin-right:12px}.home-subtext{animation:fadeInUp 1s ease-out;font-family:Segoe UI,sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:1.2px;margin-bottom:30px;margin-top:10px}.learn-word{color:#2196f3}.connect-word{color:#4caf50}.grow-word{color:#ff9800}.dot{color:#555;margin-right:6px}.logo{height:50px;margin-right:auto}.top-bar{justify-content:space-between;padding-bottom:10px}.top-bar,.user-display{align-items:center;display:flex}.user-display{color:#444;font-size:16px;gap:10px}.signout-btn{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.navbar-logo{cursor:pointer;height:60px}.focus-toggle{margin-top:4px}.leaderboard-container{font-family:sans-serif;margin:auto;max-width:600px;padding:2rem;text-align:center}.leaderboard-table{border-collapse:collapse;margin:1rem 0;width:100%}.leaderboard-table td,.leaderboard-table th{border:1px solid #ccc;padding:.5rem}.you-row{background-color:#fff3e0}.celebrate-section{margin:1.5rem 0;position:relative}.celebrate-btn{background:#ff9800;border:none;border-radius:5px;font-size:1rem;padding:.8rem 1.2rem}.back-btn,.celebrate-btn{color:#fff;cursor:pointer}.back-btn{background:#1976d2;border:none;border-radius:4px;margin-top:1rem;padding:.6rem 1rem}.balloon-container{bottom:-20px;height:200px;left:50%;overflow:visible;pointer-events:none;position:absolute;transform:translateX(-50%);width:100%}.balloon{animation:floatUp 4s ease-in infinite;border-radius:50% 50% 50% 50%;bottom:0;height:55px;opacity:.9;position:absolute;width:40px}.balloon:after{background:gray;bottom:-15px;content:"";height:15px;left:50%;position:absolute;width:2px}.balloon-red{animation-delay:0s;background:#e91e63;left:10%}.balloon-blue{animation-delay:.5s;background:#2196f3;left:30%}.balloon-green{animation-delay:1s;background:#4caf50;left:50%}.balloon-yellow{animation-delay:1.5s;background:#ffeb3b;left:70%}.balloon-pink{animation-delay:2s;background:#ff5722;left:90%}@keyframes floatUp{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-150px) scale(1.1)}to{opacity:0;transform:translateY(-300px) scale(1)}}
/*# sourceMappingURL=main.08ada1cc.css.map*/