:root{--primary-color:#4361ee;--secondary-color:#3f37c9;--accent-color:#4cc9f0;--dark-color:#1d1d1d;--light-color:#f8f9fa}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#f5f7fa,#000);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;line-height:1.6}.status-green{color:green}#warning,.status-red{color:red}#warning{font-weight:700}.container{width:100%;max-width:1000px;background-color:hsla(0,0%,100%,.9);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden;padding:0;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease}.container:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.header h1{font-size:1.8rem;font-weight:200;margin-bottom:10px;position:relative;z-index:1}.header{background:var(--primary-color);color:#fff;padding:5px 20px;text-align:center;position:relative;overflow:hidden}.header p{font-size:1rem;opacity:.9;margin-bottom:0;position:relative;z-index:1}.header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,0) 70%);transform:rotate(30deg)}.language-switch{position:absolute;top:15px;right:15px;z-index:10;display:flex;gap:10px}.lang-btn{background-color:transparent;border:none;padding:0;cursor:pointer;transition:all .2s ease;width:30px;height:22px;border-radius:4px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.2)}.lang-btn.active,.lang-btn:hover{transform:scale(1.1)}.lang-btn.active{box-shadow:0 0 0 2px #fff}h2.good{color:#3d27ff}h2.bad{color:red}.ip-label.first>span>h2.bad{color:#fbff00!important}.flag{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.ip-display{padding:5px;text-align:center}.ip-label{font-size:1.1rem;color:#fff;margin-bottom:15px;font-weight:500}.ip-value{display:flex;align-items:center;justify-content:center;background-color:var(--light-color);border-radius:10px;padding:15px 20px;margin-bottom:25px;box-shadow:inset 0 2px 5px rgba(0,0,0,.05);position:relative;overflow:hidden}.ip-address{font-size:1.8rem;font-weight:600;color:var(--dark-color);letter-spacing:1px;margin:0;padding-right:40px}.apply-btn{background-color:var(--primary-color);padding:5px 20px;color:#fff;border:none;cursor:pointer;transition:all .2s ease}.apply-btn:hover{background-color:var(--secondary-color);transform:scale(1.02)}.copy-btn{position:absolute;right:15px;background-color:var(--primary-color);border:none;color:#fff;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background-color:var(--secondary-color);transform:scale(1.05)}.copy-tooltip{position:absolute;background-color:#333;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8rem;bottom:-30px;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:all .3s ease}.copy-tooltip.show{opacity:1;visibility:visible;bottom:-25px}.timer{color:#000;min-width:60px;float:left}.info-section{background-color:rgba(243,244,246,.5);padding:15px;border-top:1px solid rgba(0,0,0,.05)}.info-title{font-size:1.1rem;font-weight:600;color:var(--dark-color);margin-bottom:15px}.info-item{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(0,0,0,.05)}.info-item:last-child{border-bottom:none}.info-label{color:#666;font-weight:500}.danger,.info-label .danger{color:red!important}.info-value{font-weight:600;color:var(--dark-color)}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;transition:opacity .3s ease}.loading-text{margin-top:15px;font-size:1rem;color:var(--primary-color)}.spinner{width:50px;height:50px;border-radius:50%;border:5px solid rgba(67,97,238,.3);border-top:5px solid var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.footer{text-align:center;padding:20px;color:#888;font-size:.9rem}.lang-content{display:none}.lang-content.active{display:block}.us-flag{background:linear-gradient(180deg,#b22234,#b22234 9.09%,#fff 0,#fff 18.18%,#b22234 0,#b22234 27.27%,#fff 0,#fff 36.36%,#b22234 0,#b22234 45.45%,#fff 0,#fff 54.54%,#b22234 0,#b22234 63.63%,#fff 0,#fff 72.72%,#b22234 0,#b22234 81.81%,#fff 0,#fff 90.9%,#b22234 0,#b22234);position:relative;height:100%;width:100%}.us-flag:before{content:"";position:absolute;top:0;left:0;width:40%;height:54.54%;background-color:#3c3b6e}.vn-flag{background-color:#da251d;position:relative;height:100%;width:100%}.vn-flag:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:40%;background-color:#ff0;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.footer a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.footer a:hover{color:var(--secondary-color)}.footer a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:var(--secondary-color);transition:width .3s ease}.footer a:hover:after{width:100%}@media (max-width:576px){.container{border-radius:10px}.header h1{font-size:1.5rem;margin-top:20px}.language-switch{position:relative;top:0;right:0;justify-content:center;margin-bottom:10px}.ip-address{font-size:1.4rem;word-break:break-all}.ip-value{padding:12px 15px;flex-direction:column}.copy-btn{position:relative;right:auto;margin-top:10px}.info-section{padding:20px 15px}.info-item{flex-direction:column;gap:5px}}