.mode-selector-container{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.mode-selector-content{text-align:center;width:100%;max-width:900px}.app-title{color:#fff;text-shadow:2px 2px 4px #0003;margin-bottom:10px;font-size:3.5rem;animation:1s ease-in-out bounce}.app-subtitle{color:#ffffffe6;margin-bottom:50px;font-size:1.3rem}.mode-cards{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.mode-card{cursor:pointer;background:#fff;border-radius:20px;width:280px;padding:40px 30px;transition:all .3s;box-shadow:0 10px 30px #0003}.mode-card:hover,.mode-card.hovered{transform:translateY(-10px);box-shadow:0 15px 40px #0000004d}.mode-card.parent-mode{border-top:5px solid #ff6b6b}.mode-card.child-mode{border-top:5px solid #4ecdc4}.mode-icon{margin-bottom:20px;font-size:4rem;animation:3s ease-in-out infinite float}.mode-card h2{color:#333;margin-bottom:10px;font-size:1.8rem}.mode-card p{color:#666;margin-bottom:20px;font-size:1rem}.mode-features{text-align:left;padding:0;list-style:none}.mode-features li{color:#555;padding:8px 0;font-size:.95rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.app-title{font-size:2.5rem}.mode-cards{flex-direction:column;align-items:center}.mode-card{width:100%;max-width:350px}}