.btn-convert,.footer-link a,.form-control{transition:.3s}.content-section h2,.content-section h3,body{letter-spacing:-1px!important}.footer-link a,.footer-section ul li a{text-decoration:none}#btnWrap,.card-header p,.result-section,.typing-active{position:relative}#scrollToTopBtn,.share-toast{opacity:0!important;visibility:hidden!important}#scrollToTopBtn.show,.share-toast.show{opacity:1!important;visibility:visible!important}body{background-image:radial-gradient(#4c4f51 1px,transparent 0);background-size:1.875rem 1.875rem;background-position:center -.9375rem;background-color:#22242b;min-height:100vh;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.7}.main-container{padding-top:50px;padding-bottom:50px}.converter-card{background:rgba(255,255,255,.95);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);backdrop-filter:blur(10px);border:0;overflow:hidden}.card-header{background:#0b406a;color:#fff;border-radius:20px 20px 0 0!important;padding:0;text-align:center;border:none}.card-header h1{margin:0;font-size:2rem;font-weight:700}.card-header p{margin:10px 0;opacity:.9;font-size:1.1rem;white-space:nowrap;overflow:hidden;box-sizing:border-box}.card-header p span{display:inline-block;padding-left:100%;animation:10s linear infinite marquee}@keyframes marquee{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}.result-section{width:100%;min-height:280px;margin:15px 0;background-color:#111;border-radius:6px;overflow:hidden;font-family:sans-serif;border:1px solid #333;color:#e9ecef}.result-section .result-section__header{font-size:12px;color:#aaa;padding:8px 12px;background-color:#1a1a1a;border-bottom:1px solid #222}.result-section .result-section__body{min-height:330px;padding:16px;line-height:28px;color:#f8f9fa;font-family:ui-sans-serif,-apple-system,system-ui,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol}.result-section .result-section__body img{width:100%;margin:20px 0}.card-body{padding:30px 40px 40px}.form-label{font-weight:600;color:#495057;margin-bottom:10px}.example-title,.summary-box h3{margin-bottom:15px}.form-label .required{color:red}.form-control{border-radius:10px;border:2px solid #e9ecef;padding:15px;font-size:1.1rem}.form-control:focus{border-color:#0a5ba1;box-shadow:0 0 0 .2rem rgba(13,148,136,.25)}.btn-convert{border:none;border-radius:10px;padding:15px 30px;font-size:1.1rem;font-weight:600;width:100%;color:#fff}.btn-convert:hover{transform:translateY(-2px);box-shadow:0 10px 20px #89b1ff}.btn-copy{background:#059669;border:none;border-radius:10px;padding:10px 20px;margin-top:10px;color:#fff}.example-title,.footer-link a{color:#0a5ba1;font-weight:600}.btn-copy:hover{background:#047857;transform:translateY(-1px);color:#fff}.footer-section .text-muted,.footer-section ul li a{color:#e6fffa!important}.example-section{background:rgba(13,148,136,.1);border-radius:15px;padding:25px;margin-top:30px}.example-item{margin-bottom:10px;padding:10px;background:#fff;border-radius:8px;border-left:3px solid #0a5ba1}.footer-link{text-align:center;margin-top:30px}.footer-link a:hover{color:#009fff;transform:translateY(-1px)}.alert-info{border-radius:10px;border-left:5px solid #06b6d4;background-color:#cffafe;border-color:#a5f3fc;color:#0e7490}.guide-section{padding:50px 0;margin-top:30px}.summary-box{background:#004a84;color:#fff;border-radius:10px;padding:25px;margin-bottom:40px;text-align:center}.summary-box h3{font-weight:700}.content-section{background:#fff;border-radius:10px;padding:30px;margin-bottom:30px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.info-box,.problem-box,.solution-box{padding:20px}.content-section h2{color:#222;margin-bottom:20px;font-weight:700;font-size:1.5rem}.content-section h3{font-size:18px;font-weight:700}.info-box{background:#e5f3ff;border-left:3px solid #0089ff}.info-box li,.problem-box li{margin-bottom:7px}.info-box ul,.problem-box ul{margin:10px 0 0}.info-box i,.problem-box i{margin-right:5px}.problem-solution{margin-top:20px}.problem-box{background:#fee;border-left:3px solid #ff3535}.footer-section{background:linear-gradient(180deg,#0a5ba1,#002b7d);color:#fff;padding:50px 0 30px;margin-top:50px}.footer-section h5,.footer-section h6{color:#fff;margin-bottom:20px}.footer-section .social-links a{color:#fff;font-size:1.1rem;text-decoration:none}.footer-section .social-links a:hover{color:#5eead4}.footer-section ul li{margin-bottom:8px}.footer-section ul li a:hover{color:gold!important}.footer-section hr{border-color:rgba(255,255,255,.2)}.accordion-button:not(.collapsed){background-color:#0a5ba1;color:#fff}.accordion-button:focus{box-shadow:0 0 0 .25rem rgba(13,148,136,.25)}#cfLayer{position:absolute;z-index:9999;left:0;top:-70px}#webtoolsFloatingWidget{position:fixed!important;bottom:20px!important;right:20px!important;z-index:999999!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important;display:flex!important;flex-direction:column!important;gap:16px!important}#scrollToTopBtn,#shareBtn,#webtoolsToggleBtn{width:64px!important;height:64px!important;border:none!important;border-radius:50%!important;cursor:pointer!important;transition:.3s!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;outline:0!important;font-size:24px!important;color:#fff!important;position:relative!important;box-shadow:0 4px 20px rgba(0,0,0,.1)!important;background:#0d6efd!important}#scrollToTopBtn,#shareBtn{border:2px solid #fff!important}#scrollToTopBtn:hover,#shareBtn:hover,#webtoolsToggleBtn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important}#scrollToTopBtn:active,#shareBtn:active,#webtoolsToggleBtn:active{transform:translateY(0)!important;transition:.1s!important}#scrollToTopBtn{transform:translateY(10px)!important;transition:.3s!important}#scrollToTopBtn.show{transform:translateY(0)!important}#scrollToTopBtn.show:hover{transform:translateY(-2px)!important}#scrollToTopBtn i,#shareBtn i{font-size:20px!important;color:#fff!important}.share-toast{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;background:#1f2937!important;color:#fff!important;padding:16px 24px!important;border-radius:12px!important;font-size:15px!important;font-weight:500!important;z-index:1000000!important;transition:.3s!important;box-shadow:0 10px 25px rgba(0,0,0,.2)!important}@media (max-width:768px){.main-container{padding-top:20px}.card-header p,.form-control{font-size:1rem}.card-body{padding:15px}.content-section{padding:25px 15px}.content-section li,.content-section p,.summary-box p{font-size:15px}.content-section ul{padding:0 20px}.footer-link{margin-top:0}#webtoolsFloatingWidget{bottom:16px!important;right:16px!important;gap:12px!important}#scrollToTopBtn,#shareBtn,#webtoolsToggleBtn{width:56px!important;height:56px!important}#scrollToTopBtn i,#shareBtn i,#webtoolsToggleBtn i{font-size:18px!important}.widgets-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;padding:20px!important}.widget-item{padding:12px 8px!important;min-height:70px!important;border-radius:10px!important}.widget-emoji{font-size:20px!important}.webtools-tooltip,.widget-name{font-size:11px!important}.webtools-tooltip{bottom:18px!important;right:68px!important;padding:6px 10px!important;border-radius:10px!important}.tooltip-arrow{top:50%!important;right:-5px!important;transform:translateY(-50%)!important;border-top:5px solid transparent!important;border-bottom:5px solid transparent!important;border-left:5px solid #404040!important}}@media (max-width:480px){#scrollToTopBtn,#shareBtn,#webtoolsToggleBtn{width:52px!important;height:52px!important}#scrollToTopBtn i,#shareBtn i,#webtoolsToggleBtn i{font-size:16px!important}.widgets-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:16px!important}.widget-item{padding:10px 6px!important;min-height:65px!important;border-radius:8px!important}.widget-emoji{font-size:18px!important;padding-left:16px!important}.webtools-tooltip,.widget-name{font-size:10px!important}.webtools-tooltip{bottom:16px!important;right:64px!important;padding:5px 8px!important;border-radius:8px!important}.tooltip-arrow{top:50%!important;right:-4px!important;transform:translateY(-50%)!important;border-top:4px solid transparent!important;border-bottom:4px solid transparent!important;border-left:4px solid #404040!important}#webtoolsToggleBtn:hover .tooltip-arrow{border-left-color:#1d4ed8!important}}.typing-active::after{content:"";display:inline-block;width:1px;height:1em;vertical-align:-.2em;margin-left:2px;background:currentColor;animation:.9s step-end infinite caretBlink}@keyframes caretBlink{50%{opacity:0}}#resultBody p{margin-bottom:.8rem}#resultBody ul{margin:.4rem 0 .8rem 1.2rem}#resultBody a{text-decoration:underline}#resultBody a:hover{text-decoration-thickness:2px}@media (prefers-reduced-motion:reduce){.typing-active::after{animation:none}}