@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Roboto:wght@300;400;500&display=swap);body{background-color:#f4f4f4;font-family:Roboto,Arial,sans-serif;font-weight:400;margin:0;padding:0}h1{font-weight:700}h1,h2,h3{color:#aa0d91;font-family:Poppins,Arial,sans-serif;letter-spacing:1px;margin-bottom:18px;text-shadow:0 2px 8px #aa0d9114}h2,h3{font-weight:600}.header{background:linear-gradient(90deg,#0d47a1,#1976d2);border-radius:0 0 16px 16px;box-shadow:0 4px 16px #0d47a114;color:#fff;flex-direction:column;margin-bottom:0;padding:24px 0 16px;position:relative;text-align:center;width:100vw}.header,.logo-container{align-items:center;display:flex}.logo-container{gap:12px;margin-bottom:8px}.logo-container img{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0d47a11f;height:40px;object-fit:contain;width:40px}.company-name{font-size:1.3rem}.company-name,.header-title{color:#fff;font-family:Poppins,Arial,sans-serif;font-weight:700;letter-spacing:1px}.header-title{font-size:2.4rem;margin:0 0 8px;text-shadow:0 2px 8px #aa0d911a}.header-nav ul{display:flex;gap:24px;justify-content:center;list-style:none;margin:0;padding:0}.header-nav a{border-radius:6px;color:#fff;font-family:Roboto,Arial,sans-serif;font-size:1.1rem;font-weight:500;padding:6px 16px;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s}.header-nav a:hover{background:#aa0d91;box-shadow:0 2px 8px #0d47a114;color:#0d47a1;text-decoration:none}.app-container{background:#fff;border-radius:0;box-shadow:none;margin:0;padding:0;width:100vw}main{align-items:flex-start;display:flex;flex-direction:row;gap:32px;justify-content:center;padding:32px 0;width:100vw}.formatter-container,.json-describer-container{background:linear-gradient(135deg,#f9f9fb 60%,#e3f2fd);border-radius:18px;box-shadow:0 4px 24px #0d47a11a;flex:1 1 400px;font-family:Roboto,Arial,sans-serif;font-weight:400;margin-bottom:0;min-width:320px;padding:40px 32px;transition:box-shadow .2s}.formatter-container:hover,.json-describer-container:hover{box-shadow:0 8px 32px #0d47a129}.formatter-section{display:flex;flex-direction:row;gap:16px;width:100%}.formatter-half{flex:1 1;min-width:0}.input-area,.json-describer-textarea,.output-area{background:#f5faff;border:1.5px solid #d1d5db;border-radius:10px;box-shadow:0 1px 4px #0d47a10a;box-sizing:border-box;font-family:Roboto,Arial,sans-serif;font-size:16px;font-weight:400;margin-bottom:12px;padding:14px;transition:border-color .2s,box-shadow .2s;width:100%}.input-area:focus,.json-describer-textarea:focus{border-color:#aa0d91;box-shadow:0 2px 8px #aa0d911a;outline:none}.output-area{background:#e8f5e9;border-radius:10px;box-shadow:0 2px 8px #0d47a10f;margin-top:0;min-height:80px}.button,.format-button,.json-describer-button{background:linear-gradient(90deg,#007acc,#aa0d91);border:none;border-radius:8px;box-shadow:0 2px 8px #aa0d9114;color:#fff;cursor:pointer;font-family:Roboto,Arial,sans-serif;font-size:1.08rem;font-weight:500;margin-top:8px;padding:14px 32px;transition:background .2s,box-shadow .2s,transform .2s}.button:hover,.format-button:hover,.json-describer-button:hover{background:linear-gradient(90deg,#aa0d91,#007acc);box-shadow:0 4px 16px #aa0d9129;transform:translateY(-2px) scale(1.03)}.error-message{color:#d32f2f;font-weight:500;margin-top:10px;text-align:center}.footer{background:linear-gradient(90deg,#f9f9fb,#e3f2fd);border-radius:0 0 16px 16px;box-shadow:0 -2px 8px #0d47a10f;color:#0d47a1;font-size:1rem;padding:18px 0 10px;text-align:center;width:100vw}.footer a{color:#007acc;font-weight:500;margin-left:8px;text-decoration:none}.footer a:hover{text-decoration:underline}.about-us-container{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000f;font-family:Roboto,Arial,sans-serif;font-weight:400;margin:40px auto;max-width:700px;padding:32px}.typing-effect{animation:typing 2.2s steps(36),blink-caret .7s step-end infinite;border-right:2px solid #aa0d91;box-sizing:border-box;color:#aa0d91;font-family:Poppins,Arial,sans-serif;font-size:2.2rem;font-weight:800;max-width:100%;overflow-wrap:break-word;text-shadow:0 2px 8px #aa0d911a;word-break:break-word}@media (max-width:600px){.typing-effect{border-right-width:1.2px;font-size:1.1rem;line-height:1.3;overflow-wrap:anywhere;padding-right:2px;white-space:nowrap;word-break:break-word}}@media (max-width:400px){.typing-effect{font-size:.95rem;padding-right:1px}}@media (max-width:1100px){main{align-items:stretch;flex-direction:column;gap:24px;padding:24px 0}.formatter-container,.json-describer-container{margin:0 auto;max-width:98vw}}@media (max-width:800px){.header-title{font-size:1.5rem}main{gap:12px;padding:12px 0}.formatter-container,.json-describer-container{min-width:0;padding:16px 6px}.formatter-section{flex-direction:column;gap:12px}}@media (max-width:600px){.header{flex-direction:column;padding:16px 0 10px}.logo-container{flex-direction:row;gap:8px;margin-bottom:4px}.company-name{font-size:1rem}.header-title{font-size:1.1rem;margin-bottom:4px;text-align:center}.header-nav ul{font-size:.95rem;gap:12px}.formatter-container,.json-describer-container{max-width:100vw;min-width:0;padding:10px 2px}.input-area,.json-describer-textarea,.output-area{font-size:14px;padding:8px}.button,.format-button,.json-describer-button{font-size:.95rem;padding:10px 12px}.footer{font-size:.95rem;padding:10px 0 6px}}@media (max-width:400px){.header-title{font-size:1rem}.company-name{font-size:.9rem}.footer{font-size:.85rem}}.typing-effect{animation:typing 2.2s steps(36),blink-caret .7s step-end;border-right:2px solid #007acc;color:#0d47a1;display:inline-block;font-family:Syne,Arial,sans-serif;font-size:2rem;font-weight:700;letter-spacing:1px;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#007acc}}
/*# sourceMappingURL=main.323cced3.css.map*/