.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;color:#fff;margin-bottom:40px;padding:30px 0}h1{font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subtitle{font-size:1.2em;opacity:.9}.index-container{background:#fff;border-radius:8px;padding:40px;box-shadow:0 4px 6px #0000001a;max-width:800px;margin:0 auto}.index-list{list-style:none;padding:0}.index-item{padding:15px 0;border-bottom:1px solid #e0e0e0}.index-item:last-child{border-bottom:none}.index-link{background:none;border:none;text-decoration:none;color:#333;font-size:1.1em;display:flex;align-items:center;transition:color .3s ease;cursor:pointer;width:100%;text-align:left;padding:0}.index-link:hover{color:red}.exercise-number{font-weight:700;margin-right:15px;color:#667eea;min-width:30px}.exercise-title{flex:1}footer{text-align:center;color:#fff;margin-top:50px;padding:20px;opacity:.8}@media(max-width:768px){.index-container{padding:20px}h1{font-size:2em}}.back-button{text-decoration:none;color:#0f0f0f;margin-top:20px;cursor:pointer;display:inline-block}.ejercicio1-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px}.ejercicio1-container h1{text-align:center;color:#0f0f0f;margin:0 0 20px}.ejercicio1-container button{background-color:#4c66af;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:25px;margin-top:20px;cursor:pointer;border-radius:12px;width:100%;max-width:300px}.ejercicio1-container button:hover{background-color:#0f3d7a}.ejercicio2-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px}.ejercicio2-container h1{text-align:center;color:#000;margin:0 0 20px}.ejercicio2-container p{text-align:center;color:#fcfcfc;margin:0 0 20px;font-size:72px;font-weight:700}.ejercicio2-container button{background-color:#154ea3;border:none;color:#fff;padding:20px 40px;text-align:center;text-decoration:none;display:inline-block;font-size:24px;margin-top:20px;cursor:pointer;border-radius:12px}.ejercicio2-container button:hover{background-color:#0f3d7a}.ejercicio3-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px}.ejercicio3-container h1{text-align:center;color:#000;margin:0 0 20px}.ejercicio3-container ul{list-style:none;padding:0;margin:0}.ejercicio3-container li{padding:10px;margin:5px 0;background-color:#f5f5f5;border-radius:6px;border-left:4px solid #fc0800;display:flex;justify-content:space-between;align-items:center}.delete-btn{background-color:#fc0800;border:none;color:#fff;padding:5px 10px;font-size:12px;cursor:pointer;border-radius:4px;margin-left:10px}.delete-btn:hover{background-color:#d40600}.item-text{flex:1}.ejercicio3-container input{padding:12px;font-size:16px;border:2px solid #ddd;border-radius:8px;width:100%;max-width:400px;margin-bottom:10px}.ejercicio3-container input:focus{outline:none;border-color:#154ea3}.ejercicio3-container>button{background-color:#154ea3;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-top:10px;cursor:pointer;border-radius:12px;width:100%;max-width:200px}.ejercicio3-container>button:hover{background-color:#0f3d7a}.ejercicio4-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px}.ejercicio4-container h1{text-align:center;color:#000;margin:0 0 20px}.ejercicio4-container input{padding:12px;font-size:16px;border:2px solid #ddd;border-radius:8px;width:100%;max-width:400px;margin-bottom:20px}.ejercicio4-container input:focus{outline:none;border-color:#4caf50}.ejercicio4-container ul{list-style:none;padding:0;margin:0}.ejercicio4-container li{padding:10px;margin:5px 0;background-color:#f5f5f5;border-radius:6px;border-left:4px solid #f70505}.no-results{text-align:center;color:#999;padding:20px}.ejercicio5-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px}.ejercicio5-container h1{text-align:center;color:#000;margin:0 0 20px}.ejercicio5-container input{padding:12px;font-size:16px;border:2px solid #ddd;border-radius:8px;width:100%;max-width:400px;margin-bottom:20px}.ejercicio5-container input:focus{outline:none;border-color:#4caf50}.botones-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:400px;margin-bottom:20px}.ejercicio5-container button{background-color:#154ea3;border:none;color:#fff;padding:12px 20px;font-size:16px;cursor:pointer;border-radius:12px;transition:background-color .3s ease}.ejercicio5-container button:hover{background-color:#0f3d7a}.error{color:#eb0d0d;font-size:18px;text-align:center}.resultado{font-size:36px;font-weight:700;color:#fff;margin-top:20px;margin-bottom:20px;text-align:center}.ejercicio6-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px}.ejercicio6-container h1{text-align:center;color:#000;margin:0 0 20px}#temporizador{font-size:48px;font-weight:700;color:#f0ecec;margin:0 0 20px;text-align:center}.ejercicio6-container button{background-color:#154ea3;border:none;color:#fff;padding:12px 20px;font-size:16px;cursor:pointer;border-radius:12px;transition:background-color .3s ease;width:100%;max-width:200px;margin:5px 0}.ejercicio6-container button:hover{background-color:#0f3d7a}.ejercicio7-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px}.ejercicio7-container h1{text-align:center;color:#000;margin:0 0 20px}.ejercicio7-container input{padding:12px;font-size:16px;border:2px solid #ddd;border-radius:8px;width:100%;max-width:400px;margin-bottom:20px}.ejercicio7-container input:focus{outline:none;border-color:#4caf50}.ejercicio7-container button{background-color:#154ea3;border:none;color:#fff;padding:12px 20px;font-size:16px;cursor:pointer;border-radius:12px;transition:background-color .3s ease}.ejercicio7-container button:hover{background-color:#0f3d7a}.error{color:#eb0d0d;font-size:24px;margin-bottom:10px;min-height:20px;text-align:center}#contraseña{font-size:34px;font-weight:700;color:#000;margin:10px 0;word-break:break-all;text-align:center}.ejercicio8-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px}.ejercicio8-container h1{text-align:center;color:#000;margin:0 0 20px}.ejercicio8-container textarea{width:70%;height:200px;padding:10px;margin-bottom:10px;border:1px solid #000000;border-radius:5px;font-family:inherit;font-size:16px}.ejercicio8-container button{background-color:#154ea3;border:none;color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;margin:5px}.ejercicio8-container button:hover{background-color:#0f3d7a}#resultado{font-size:24px;font-weight:700;margin-top:10px;text-align:center}.ejercicio9-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px}.ejercicio9-container h1{text-align:center;color:#000;margin:0 0 20px}.ejercicio9-container input[type=text]{padding:12px;font-size:16px;border:2px solid #ddd;border-radius:8px;width:100%;max-width:400px;margin-bottom:10px}.ejercicio9-container input[type=text]:focus{outline:none;border-color:#154ea3}.ejercicio9-container button{background-color:#154ea3;border:none;color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;margin:5px}.ejercicio9-container button:hover{background-color:#0f3d7a}.lista-container{background:#fff;border-radius:12px;padding:20px;margin:20px 0;min-height:200px;max-height:400px;overflow-y:auto;width:100%;max-width:400px;box-shadow:0 2px 8px #0000001a}.ejercicio9-container ul{list-style:none;padding:0;margin:0}.ejercicio9-container li{padding:10px;margin:5px 0;background-color:#f5f5f5;border-radius:6px;border-left:4px solid #fc0800;display:flex;align-items:center;gap:10px}.ejercicio9-container li.completada{opacity:.6;text-decoration:line-through}.ejercicio9-container input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin:0}.tarea-texto{flex:1}.app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#2b4ad6,#c9e2d3);min-height:100vh}