*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f5f7fa;padding:40px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin-bottom:30px;font-family:Impact,Haettenschweiler,sans-serif;font-size:28px;font-weight:700}h2{margin-top:15px;margin-bottom:15px;font-weight:700}.card-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.small-text{color:#666;grid-column:1/-1;margin-bottom:10px;font-style:italic}.card{background:#fff;border:2px solid #ddd;border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000014}.card:hover{background:#fffacd;border-color:#ff6b9d;transform:scale(1.2);box-shadow:0 6px 16px #0000001f}.card h3{margin-bottom:10px;font-size:16px;font-weight:700}.card p{color:#555;margin-bottom:8px;font-size:14px}.progress-bar{background:#e6e8ec;border:1px solid #ccc;border-radius:8px;width:100%;height:10px;margin-top:10px;overflow:hidden}.progress{background:linear-gradient(90deg,#0936ca,#ff6b9d);width:0%;height:100%}.input-panel{background:#ffffe0;border-radius:8px;width:260px;padding:16px;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 25px #00000026}.input-panel input{background:#fff;border:2px solid #ccc;border-radius:6px;width:100%;margin-bottom:10px;padding:10px;font-size:14px}.input-panel input:focus{background:#ffc;border-color:#0936ca;outline:none}.input-panel button{color:#fff;cursor:pointer;background:#0936ca;border:none;border-radius:6px;width:100%;padding:10px;font-size:14px;font-weight:700}.input-panel button:hover{background:#3a68d8;transform:scale(1.05)}.small-text{color:#777;margin-top:6px;font-size:12px}footer{text-align:center;color:#666;border-top:1px solid #ddd;padding:15px 0;font-size:14px}