.container,.entry-content,.inside-article,.main-content,.site-content{background:0 0!important}body::after,body::before{content:"";position:fixed;pointer-events:none}@keyframes gradientAnimation{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes particleMovement{0%{transform:translateY(0) translateX(0);opacity:.4}100%{transform:translateY(-100vh) translateX(50vw);opacity:0}}body{margin:0;background:linear-gradient(-45deg,#ffd5c2,#fff5eb,#ffb347);background-size:400% 400%;animation:15s infinite gradientAnimation;position:relative;overflow-x:hidden}body::before{top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(78,84,200,.2) 0,transparent 15%),radial-gradient(circle at 80% 80%,rgba(22,33,62,.2) 0,transparent 15%);animation:20s linear infinite particleMovement}body::after{top:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(0deg,transparent 48%,rgba(78,84,200,.1) 50%,transparent 52%),linear-gradient(90deg,transparent 48%,rgba(255,255,255,.1) 50%,transparent 52%);background-size:3px 3px;opacity:.15;transform:rotate(15deg)}.converter-form{width:90%;max-width:600px;margin:120px auto 0;background:linear-gradient(140deg,#ffdee9,#b5fffc);padding:25px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);text-align:center}.input-group{margin-bottom:15px;text-align:center}.input-group label{font-weight:500;color:#280274;margin-bottom:5px;display:block}.input-group input,.input-group select{width:100%;max-width:250px;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:transparent;color:#000;margin:0 auto}.converter-form button{background-image:linear-gradient(120deg,#f6d365,#fda085);color:#fff;padding:8px 16px;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;margin:10px 5px 0;transition:background .3s}.converter-form button:hover{opacity:.9}.copy-button{display:inline-block;background-image:linear-gradient(120deg,#f6d365,#fda085);color:#000;padding:10px 20px;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;margin:10px 5px 0;transition:background .3s;animation:blink 1s infinite}.copy-button:hover{opacity:.9}@keyframes blink{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}.output-section{width:90%;max-width:768px;margin:50px auto 0;text-align:center;background:linear-gradient(135deg,#cfd9df,#e2ebf0);color:#263238;padding:25px;border:1px solid #90a4ae;border-radius:8px;display:none;box-shadow:0 6px 12px rgba(0,0,0,0.2);animation:fadeIn 0.8s ease-out}.output-section h3{margin:0 0 15px;text-align:center}.output-section p{text-align:left}@keyframes fadeIn{from{opacity:0}to{opacity:1}}#progressBar{width:100%;background:#eee;border-radius:5px;overflow:hidden;margin-top:10px;display:block}#progressBarInner{height:10px;width:0;background:#45b649;transition:width 0.3s ease}.loading::after{content:"";display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.8);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;vertical-align:middle}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.info-box{width:90%;max-width:800px;margin:25px auto 0;text-align:left;background:linear-gradient(140deg,#ffdee9,#b5fffc);padding:20px;border-radius:8px}.faq-item{padding:10px 0}.rank-math-question{cursor:pointer;margin:0;color:#280274;font-size:1.2rem;font-weight:700}.rank-math-question::before{content:"+ ";font-size:1.2rem;color:#fe7a36;margin-right:5px}.rank-math-answer{display:none;padding-top:5px;color:#000;font-size:1rem;border-bottom:1px solid #fe7a36;padding-bottom:5px;margin-bottom:10px}
