.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 0,#b5fffc 100%);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-color:transparent;color:#000;margin:0 auto}.converter-form button,.copy-button{background-image:linear-gradient(120deg,#f6d365 0,#fda085 100%);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:center;background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#4b2e1f;padding:25px;border:1px solid #d08a6c;border-radius:8px;display:none;box-shadow:0 6px 12px rgba(0,0,0,0.2)}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{border:1px solid #d08a6c;padding:10px;text-align:center;font-size:14px}th{background-color:#f6d365;color:#280274}.copy-buttons{margin-top:20px;display:flex;justify-content:space-around}.info-box{width:90%;max-width:800px;margin:25px auto 0;text-align:left;background:linear-gradient(140deg,#ffdee9 0,#b5fffc 100%);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}.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)}}