body{font-family:Arial,sans-serif;text-align:center;padding:15px;background-color:#f3effa}.main-card{background:#fff;border:2px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #00000012;padding:30px 24px 24px;max-width:600px;margin:30px auto;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s}.main-card:hover{box-shadow:0 4px 16px #00000021;border-color:#007bff}textarea{width:100%;min-height:100px;resize:none;overflow:hidden;padding:10px;border:1px solid #aaa;border-radius:6px;font-size:1em;margin-bottom:15px}.blue-button{display:inline-block;cursor:pointer;color:#fff;background-color:#007bff;padding:10px 20px;border:3px solid black;border-radius:4px;text-decoration:none;font-weight:700;transition:box-shadow .3s,background-color .3s;margin:5px}.blue-button:hover{box-shadow:0 0 0 2px #000;background-color:#0056b3}.output-box{margin-top:15px;width:100%;display:flex;flex-direction:column;align-items:center}#outputText{width:100%;min-height:100px;resize:none;overflow:hidden;padding:10px;border:1px solid #ccc;border-radius:6px;background:#f9f9f9;font-size:1.1em;margin-bottom:10px}