:root{--primary:#0a5a8f;--primary-hover:#1f90dc;--bg-color:#f0fdf4;--text-main:#1f2937;--text-muted:#6b7280;--border-radius:clamp(12px, 4vw, 20px);--card-padding-x:clamp(16px, 5vw, 30px);--card-padding-y:clamp(20px, 6vw, 40px);--transition:all .3s ease}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:var(--bg-color);min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);justify-content:center;align-items:center;display:flex}.app-wrapper{justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:16px;display:flex}.glass-card{border-radius:var(--border-radius);background:#fff;flex-direction:column;width:100%;max-width:420px;display:flex;overflow:hidden;box-shadow:0 10px 25px #0596691a}.card-header{text-align:center;padding:var(--card-padding-y) var(--card-padding-x) 20px;border-bottom:1px solid #f3f4f6}.logo-icon{margin-bottom:12px;font-size:clamp(32px,8vw,42px)}.card-header h1{color:var(--text-main);letter-spacing:-.5px;font-size:clamp(18px,5vw,24px);font-weight:700}.card-header p{color:var(--text-muted);margin-top:4px;font-size:clamp(12px,3.5vw,14px)}.card-body{padding:24px var(--card-padding-x) 30px;flex-direction:column;justify-content:center;min-height:clamp(200px,35vh,250px);display:flex}.card-footer{text-align:center;background-color:#a5ccf3;border-top:1px solid #f3f4f6;padding:16px}.card-footer p{color:#050505;letter-spacing:.5px;font-size:12px;font-weight:400}.card-body h5{color:var(--text-muted);text-align:center;margin-top:20px;font-size:12px;font-style:italic;font-weight:400}.btn{cursor:pointer;width:100%;min-height:clamp(44px,12vw,52px);transition:var(--transition);border:none;border-radius:12px;justify-content:center;align-items:center;padding:0 16px;font-size:clamp(14px,4vw,16px);font-weight:600;display:flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #05966933}.btn-secondary{color:var(--text-main);background-color:#f3f4f6}.btn-secondary:hover{background-color:#e5e7eb}.btn:disabled{opacity:.7;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .3s,transform .3s}.fade-slide-enter-from{opacity:0;transform:translate(15px)}.fade-slide-leave-to{opacity:0;transform:translate(-15px)}@media screen and (width<=360px){.app-wrapper{padding:10px}.glass-card{border-radius:12px}.card-header{padding-top:20px}}.view-content[data-v-ae452a3a]{flex-direction:column;height:100%;display:flex}.instruction[data-v-ae452a3a]{color:var(--text-muted);text-align:center;margin-bottom:24px;font-size:14px;line-height:1.5}.form-wrapper[data-v-ae452a3a]{flex-direction:column;gap:20px;margin-top:auto;display:flex}.input-group[data-v-ae452a3a]{flex-direction:column;gap:6px;display:flex}.input-custom[data-v-ae452a3a]{text-align:center;letter-spacing:1px;width:100%;min-height:clamp(44px,12vw,52px);transition:var(--transition);background-color:#f9fafb;border:1.5px solid #d1d5db;border-radius:12px;outline:none;padding:0 16px;font-size:clamp(14px,4.5vw,16px)}.input-custom[data-v-ae452a3a]:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #0596691a}.has-error[data-v-ae452a3a]{border-color:#ef4444!important}.error-msg[data-v-ae452a3a]{color:#ef4444;text-align:center;font-size:12px}.loader[data-v-ae452a3a]{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:1s ease-in-out infinite spin-ae452a3a}@keyframes spin-ae452a3a{to{transform:rotate(360deg)}}.view-content[data-v-af08ceae]{flex-direction:column;gap:20px;height:100%;display:flex}.status-container[data-v-af08ceae]{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 0;font-size:14px;display:flex}.loader-large[data-v-af08ceae]{border:4px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin-af08ceae}.result-container[data-v-af08ceae]{flex-direction:column;align-items:center;gap:16px;animation:.4s fadeIn-af08ceae;display:flex}.badge[data-v-af08ceae]{letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.badge-success[data-v-af08ceae]{color:#166534;background-color:#dcfce7}.badge-danger[data-v-af08ceae]{color:#991b1b;background-color:#fee2e2}.data-box[data-v-af08ceae]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:16px}.data-item[data-v-af08ceae]{flex-direction:column;gap:4px;display:flex}.label[data-v-af08ceae]{text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.value[data-v-af08ceae]{color:var(--text-main);font-size:16px;font-weight:600}.nik-font[data-v-af08ceae]{letter-spacing:1.5px;color:var(--primary);font-family:Courier New,monospace}.badge-tps[data-v-af08ceae]{background-color:var(--text-main);color:#fff;border-radius:4px;width:fit-content;padding:2px 8px;font-size:14px}.divider[data-v-af08ceae]{background-color:#e5e7eb;height:1px;margin:12px 0}.alert-box[data-v-af08ceae]{color:#92400e;text-align:left;background-color:#fffbeb;border-left:4px solid #f59e0b;border-radius:8px;width:100%;padding:16px;font-size:14px;line-height:1.5}.mt-auto[data-v-af08ceae]{margin-top:auto}@keyframes spin-af08ceae{to{transform:rotate(360deg)}}@keyframes fadeIn-af08ceae{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
