body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4}html{scroll-behavior:smooth}header{background-color:#333;color:#fff;padding:1em;text-align:center}header h1{font-size:1.8em;margin:0}.header-nav{margin-top:10px;display:flex;justify-content:center;gap:20px}.footer-link,.nav-link{color:#fff;text-decoration:none;font-size:1.1em;padding:5px 10px;transition:background-color .3s ease;border-radius:5px}.footer-link:hover,.nav-link:hover{background-color:#555}main{max-width:1200px;margin:2em auto;padding:1em;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:8px}h1{font-size:2.5em}h2{font-size:2em;margin-bottom:.5em}.converter{margin-bottom:2em}.form-group{margin-bottom:1em}label{font-weight:700}button,input[type=file],select{padding:.5em;font-size:1em}button{background-color:#333;color:#fff;border:none;cursor:pointer;padding:.75em}button:hover{background-color:#555}#downloadLink{margin-top:1em}#download{display:inline-block;background-color:#4caf50;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;border-radius:5px}#download:hover{background-color:#45a049}.articles{margin-top:2em}article{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:1.5em;margin-bottom:2em;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}article:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(0,0,0,.2)}article h2{font-size:1.8em;margin-bottom:.5em;color:#333}article ol,article p{font-size:1.1em;line-height:1.6;color:#555}article ol{padding-left:1.5em}article ol li{margin-bottom:.5em}footer{background-color:#333;color:#fff;text-align:center;padding:1em 0;position:relative;width:100%;bottom:0}.footer-nav{display:flex;justify-content:center;gap:10px}.error{color:red;margin-top:20px}#customFileButton{background-color:#333;color:#fff;border:none;padding:.75em 1.5em;cursor:pointer;border-radius:5px;margin-right:10px;transition:background-color .3s ease}#customFileButton:hover{background-color:#555}#fileName{font-size:1em;color:#555}main h1{font-size:2.5em;color:#333;text-align:center;margin-bottom:1em}main h2{font-size:2em;color:#333;margin-top:1.5em;margin-bottom:.75em;border-bottom:2px solid #ddd;padding-bottom:.5em}main p{font-size:1.1em;color:#555;margin-bottom:1.5em}main ol,main ul{margin-left:1.5em;margin-bottom:1.5em}main ol li,main ul li{margin-bottom:.75em;font-size:1.1em;color:#555}main a{color:#333;text-decoration:underline;transition:color .3s ease}main a:hover{color:#007bff}.button-group{display:flex;gap:1em;margin-top:1em}.loading-circle{border:8px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bulk-upload-container{margin-bottom:2em}.bulk-upload-container input[type=file]{display:none}.bulk-upload-container label{background-color:#333;color:#fff;border:none;padding:.75em 1.5em;cursor:pointer;border-radius:5px;transition:background-color .3s ease}.bulk-upload-container label:hover{background-color:#555}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:10px;gap:10px;margin-top:10px}.image-preview{position:relative;border:1px solid #ddd;border-radius:5px;overflow:hidden}.image-preview img{width:100%;height:auto}.image-preview .remove-image{position:absolute;top:5px;right:5px;background-color:rgba(255,0,0,.8);border:none;border-radius:50%;cursor:pointer;padding:0;width:30px;height:30px;font-size:1.2em;color:#fff;display:flex;justify-content:center;align-items:center}.image-preview .remove-image:hover{background-color:red}.error-message{color:red;margin-top:10px}.page-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex-grow:1}.contact-form{max-width:600px;margin:0 auto}.form-group{display:flex;align-items:center;margin-bottom:15px}.form-group label{width:100px;margin-right:10px}.form-control{flex-grow:1;padding:8px;border:1px solid #ccc;border-radius:4px}.textarea-control{height:100px}.submit-button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.footer,.submit-button{background-color:#333;color:#fff}.footer{text-align:center;padding:10px 0}.footer-nav{margin-top:10px}.footer-link{color:#fff;margin:0 10px;text-decoration:none}.footer-link:hover{text-decoration:underline}@media only screen and (max-width:600px){.header-nav{flex-direction:column;gap:10px}.footer-link,.nav-link{font-size:1em;padding:8px 15px}main{padding:1em}header h1{font-size:1.5em}h1{font-size:2em}h2{font-size:1.5em}.converter,.form-group{margin-bottom:1em}.button-group,.footer-nav{flex-direction:column;gap:10px}.contact-form{margin:0 10px}.form-group label{width:auto;margin-bottom:5px}.form-control{width:100%}.textarea-control{height:80px}.submit-button{width:100%;padding:.75em}}@media only screen and (max-width:900px){.header-nav{gap:15px}.footer-link,.nav-link{font-size:1em}main{padding:1.5em}header h1{font-size:1.8em}h1{font-size:2.2em}h2{font-size:1.8em}}