*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px;max-width:700px;width:100%}.container-wide{max-width:1200px}h1{color:#333;text-align:center;margin-bottom:10px;font-size:2rem}h2{color:#555;text-align:center;margin-bottom:30px;font-weight:400;font-size:1.1rem}h3{color:#333;margin-bottom:20px}.btn{display:block;width:100%;padding:15px 30px;border:none;border-radius:10px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.btn-danger{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.btn-small{padding:8px 16px;font-size:.9rem;width:auto;display:inline-block;margin-right:5px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500}.form-group input,.form-group select{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-group input.error{border-color:#eb3349;background-color:#fff5f5}.verb-card{background:#f8f9fa;border-radius:15px;padding:30px;margin-bottom:20px}.verb-header{text-align:center;margin-bottom:30px}.verb-infinitive{font-size:2.5rem;color:#333;font-weight:700}.verb-tense{font-size:1.2rem;color:#667eea;margin-top:5px}.conjugation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.conjugation-item{display:flex;align-items:center;gap:10px;min-width:0}.conjugation-item label{min-width:70px;flex-shrink:0;color:#666;font-weight:500;font-size:.9rem}.conjugation-item input{flex:1;min-width:0;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.punishment-container{background:#fff5f5;border:2px solid #eb3349;border-radius:15px;padding:20px;margin-bottom:20px}.punishment-word{text-align:center;margin-bottom:20px}.punishment-word .correct{font-size:1.5rem;color:#11998e;font-weight:700}.punishment-word .persona{color:#666;margin-top:5px}.punishment-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.punishment-input{padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;text-align:center}.punishment-input.correct{border-color:#11998e;background-color:#f0fff4}.punishment-input.incorrect{border-color:#eb3349;background-color:#fff5f5}.counter{text-align:center;margin-top:15px;color:#666}.completed-container{text-align:center}.trophy{font-size:100px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.completed-message{font-size:1.2rem;color:#555;line-height:1.6;margin:30px 0}.tabs{display:flex;border-bottom:2px solid #e0e0e0;margin-bottom:30px}.tab{padding:15px 30px;border:none;background:none;cursor:pointer;font-size:1rem;color:#666;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .3s ease}.tab.active{color:#667eea;border-bottom-color:#667eea}.tab:hover{color:#667eea}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}th{background:#f8f9fa;color:#333;font-weight:600}tr:hover{background:#f8f9fa}.progress-bar{width:100%;height:20px;background:#e0e0e0;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#11998e,#38ef7d);transition:width .3s ease}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;border-radius:20px;padding:30px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.alert{padding:15px 20px;border-radius:10px;margin-bottom:20px}.alert-error{background:#fff5f5;border:1px solid #eb3349;color:#eb3349}.alert-success{background:#f0fff4;border:1px solid #11998e;color:#11998e}@media (max-width: 768px){.container{padding:20px}.conjugation-grid,.punishment-inputs{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.tab{padding:10px 15px}}.persona-yo:before{content:"Yo"}.persona-tu:before{content:"Tú"}.persona-el:before{content:"Él/Ella"}.persona-nosotros:before{content:"Nosotros"}.persona-vosotros:before{content:"Vosotros"}.persona-ellos:before{content:"Ellos/Ellas"}.loading{display:flex;justify-content:center;align-items:center;padding:40px}.spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.checkbox-item{display:flex;align-items:center;gap:8px}.checkbox-item input[type=checkbox]{width:18px;height:18px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.conjugation-section{background:#f8f9fa;border-radius:10px;padding:20px;margin-bottom:20px}.conjugation-section h4{color:#667eea;margin-bottom:15px}