.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,.copy-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,.copy-button:hover{opacity:.9}
.output-section{width:90%;max-width:768px;margin:50px auto 0;text-align:left;background:linear-gradient(135deg,#a1c4fd,#c2e9fb);color:#1a237e;padding:25px;border:1px solid #7986cb;border-radius:8px;display:none;box-shadow:0 6px 12px rgba(0,0,0,0.2);animation:fadeIn 0.8s ease-out;font-size:16px}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.output-section ul{list-style:none;padding:0;margin:0}
.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}