.home-container{position:relative;width:100%;height:100vh;background:url(../bg.jpg) no-repeat center center/cover;display:flex;justify-content:center;align-items:center}.overlay{background-color:#00000080;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.home-title{color:#fff;font-size:4rem;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.7);margin-bottom:2rem;font-family:Segoe UI,sans-serif}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.home-btn{background-color:coral;color:#fff;padding:.8rem 2rem;border-radius:8px;font-size:1.1rem;text-decoration:none;transition:.3s;box-shadow:0 4px 6px #0000004d}.home-btn:hover{background-color:tomato;transform:translateY(-3px);box-shadow:0 6px 8px #0006}body{background:url(../bg.jpg) no-repeat center center fixed;background-size:cover;background-attachment:fixed}.app-title{font-size:2rem;font-weight:600;color:#fff;margin-bottom:25px;letter-spacing:.5px}textarea{width:100%;border:1.5px solid #ddd;border-radius:10px;padding:14px;font-size:15px;resize:none;outline:none;background-color:#fafafa;transition:border .2s ease}textarea:focus{border-color:#0078d7;background-color:#fff}p{margin-top:20px;font-weight:500;color:#444}select{width:100%;margin:10px 0 20px;padding:12px;font-size:15px;border:1.5px solid #ccc;border-radius:10px;background:#f9f9f9;cursor:pointer;transition:all .2s ease}select:hover{border-color:#0078d7}button{background-color:#0078d7;color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:10px;cursor:pointer;font-weight:500;transition:background-color .25s ease,transform .2s ease}button:hover:not(:disabled){background-color:#005fa3;transform:translateY(-1px)}button:disabled{background-color:#b0c7de;cursor:not-allowed}.output-area{margin-top:30px;text-align:left;background:#f7f9fb;padding:18px 20px;border-radius:12px;min-height:100px;border:1px solid #e2e6ea;color:#333;font-size:15px;line-height:1.5;white-space:pre-wrap;box-shadow:inset 0 1px 3px #00000008}.page-wrapper{display:flex;justify-content:center;align-items:center;gap:20px;position:relative}.left-image,.right-image{width:300px;height:auto;border-radius:8px}.app-container{max-width:1200px;width:800px;flex-shrink:0;margin:60px auto;padding:40px 50px;background:#454444;border-radius:18px;box-shadow:0 8px 25px #00000014;font-family:Inter,Poppins,sans-serif;text-align:center}@media(max-width:768px){.page-wrapper{flex-direction:column;padding:10px;gap:10px}.app-container{width:90%;max-width:100%;margin:20px auto;padding:25px 20px}.left-image,.right-image{display:none}.app-title{font-size:1.5rem;margin-bottom:15px}}.refine-container{max-width:800px;margin:60px auto;padding:40px 50px;background:#454444;border-radius:18px;box-shadow:0 8px 25px #00000014;text-align:center;font-family:Inter,Poppins,sans-serif}.refine-heading{font-size:2rem;font-weight:600;color:#fff;margin-bottom:25px}.refine-input,.refine-output{width:100%;border:1.5px solid #ddd;border-radius:10px;padding:14px;font-size:15px;resize:none;outline:none;background-color:#fafafa;transition:border .2s ease;margin-bottom:20px}.refine-input:focus,.refine-output:focus{border-color:#0078d7;background-color:#fff}.refine-button{background-color:#0078d7;color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:10px;cursor:pointer;font-weight:500;transition:background-color .25s ease,transform .2s ease}.refine-button:hover:not(:disabled){background-color:#005fa3;transform:translateY(-1px)}.refine-button:disabled{background-color:#b0c7de;cursor:not-allowed}@media(max-width:768px){.page-wrapper{flex-direction:column;padding:10px;gap:10px}.refine-container{width:90%;max-width:100%;margin:20px auto;padding:25px 20px}.left-image,.right-image{display:none}.refine-heading{font-size:1.5rem;margin-bottom:15px}}@media(max-width:768px){.refine-container{width:90%;max-width:100%;margin:20px auto;padding:25px 20px}.refine-heading{font-size:1.5rem;margin-bottom:15px}.refine-input,.refine-output{width:100%}}.feedback-container{max-width:800px;margin:60px auto;padding:40px 50px;background:#454444;border-radius:18px;box-shadow:0 8px 25px #00000014;text-align:center;font-family:Inter,Poppins,sans-serif;color:#fff}.feedback-title{font-size:2rem;font-weight:600;margin-bottom:25px;color:#fff;letter-spacing:.5px}.feedback-form{text-align:left}.feedback-input,.feedback-textarea{width:100%;border:1.5px solid #ddd;border-radius:10px;padding:14px;font-size:15px;background-color:#fafafa;color:#333;transition:border .2s ease;outline:none;resize:none}.feedback-input:focus,.feedback-textarea:focus{border-color:#0078d7;background-color:#fff}.feedback-btn{background-color:#0078d7;color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:10px;cursor:pointer;font-weight:500;transition:background-color .25s ease,transform .2s ease;display:block;margin:25px auto 0}.feedback-btn:hover:not(:disabled){background-color:#005fa3;transform:translateY(-1px)}.feedback-btn:disabled{background-color:#b0c7de;cursor:not-allowed}.feedback-container p{margin-top:25px;color:#cce3ff;font-weight:500;font-size:1rem}@media(max-width:768px){.page-wrapper{flex-direction:column;padding:10px;gap:10px}.feedback-container{width:90%;max-width:100%;margin:20px auto;padding:25px 20px}.left-image,.right-image{display:none}.feedback-title{font-size:1.5rem;margin-bottom:15px}}