html,body{min-height:100%}body{margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;background:radial-gradient(circle at 20% 20%,rgba(88,101,242,.18),transparent 35%),radial-gradient(circle at 80% 80%,rgba(114,137,218,.12),transparent 35%),#0b0d12;overflow-x:hidden}.background{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:40px 40px}.main-container{position:relative;z-index:2;width:100%;max-width:560px;margin:0 auto;padding:70px 20px}.resolver-card{position:relative;padding:42px;background:rgba(17,19,27,.92);border:1px solid rgba(255,255,255,.07);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 50px rgba(88,101,242,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.resolver-logo{width:68px;height:68px;margin:0 auto 22px;border-radius:18px;background:#5865f2;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(88,101,242,.35)}.resolver-logo svg{width:38px;height:38px;fill:#fff}.resolver-title{margin:0 0 10px;text-align:center;color:#fff;font-size:30px;font-weight:700;letter-spacing:-.8px}.resolver-subtitle{margin:0 0 32px;color:#9499a8;font-size:14px;line-height:1.6;text-align:center}.resolver-form{margin:0}.resolver-form .control-group{margin-bottom:16px}.resolver-form label{margin-bottom:9px;color:#c9ccd5;font-size:13px;font-weight:600}.input-wrapper{position:relative}.input-icon{position:absolute;left:16px;top:50%;z-index:2;transform:translateY(-50%);color:#707584;font-size:17px;line-height:20px}.resolver-input{width:100%!important;height:54px!important;margin:0!important;padding:0 16px 0 46px!important;box-sizing:border-box!important;background:#0d0f15!important;border:1px solid #282c36!important;border-radius:11px!important;color:#fff!important;font-size:14px!important;outline:none!important;box-shadow:none!important;transition:border-color .2s ease,box-shadow .2s ease}.resolver-input:focus{border-color:#5865f2!important;box-shadow:0 0 0 3px rgba(88,101,242,.12)!important}.resolver-input::placeholder{color:#606572}.form-horizontal .controls{margin-left:0}.btn-resolve{display:block;margin:auto;font-weight:500;font-size:18px;padding:18px 26px}.resolver-button{width:100%;height:54px;margin-top:0;padding:0;border:none!important;border-radius:11px!important;background:#5865f2!important;color:#fff!important;font-size:14px!important;font-weight:700!important;text-shadow:none!important;box-shadow:none!important;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.resolver-button:hover,.resolver-button:focus{background:#4752c4!important;transform:translateY(-1px);box-shadow:0 10px 25px rgba(88,101,242,.25)!important}.resolver-button:active{transform:translateY(0)}.resolver-button:disabled{opacity:.7;cursor:wait}.result{display:none;margin-top:25px;background:#0d0f15;border:1px solid #282c36;border-radius:13px;overflow:hidden}.result-header{padding:14px 17px;border-bottom:1px solid #282c36;color:#9da2b1;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.result-body{padding:18px}.result-row{display:flex;justify-content:space-between;align-items:center;min-height:20px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.result-row:last-child{border-bottom:none}.result-key{color:#777d8c;font-size:13px}.result-value{max-width:65%;color:#e8eaf0;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;text-align:right;word-break:break-all}.status{display:inline-flex;align-items:center;gap:6px;color:#43d17a}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#43d17a;box-shadow:0 0 8px #43d17a}.error-message{padding:15px;color:#ed4245;text-align:center}.loading{padding:20px;color:#777d8c;text-align:center}.resolver-footer{margin-top:25px;color:#555a68;font-size:11px;text-align:center}.resolver-footer span{color:#5865f2}@media (max-width:600px){.main-container{padding:25px 15px}.resolver-card{padding:30px 22px;border-radius:16px}.resolver-title{font-size:26px}.result-row{display:block}.result-value{display:block;max-width:100%;margin-top:5px;text-align:left}}