@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--brand-navy-dark:#082032;--brand-navy:#0c2340;--brand-navy-subtle:#1e3a5f;--brand-coral:#ff385c;--brand-coral-hover:#e5294c;--brand-coral-light:#fff0f3;--brand-coral-border:#ffd1da;--brand-mint-hero:#e3f0ed;--brand-mint-soft:#f2f8f6;--brand-mint-accent:#00a699;--brand-mint-accent-hover:#008f84;--brand-mint-light:#e6f7f4;--bg-page:#f6faf9;--bg-card:#fff;--bg-card-subtle:#fbfdfc;--bg-input:#fff;--bg-hover:#f1f6f5;--text-primary:#0c2340;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--border-default:#e2ece9;--border-subtle:#edf4f2;--border-focus:#ff385c;--status-valid:#059669;--status-valid-bg:#ecfdf5;--status-valid-border:#a7f3d0;--status-valid-text:#065f46;--status-invalid:#e11d48;--status-invalid-bg:#fff1f2;--status-invalid-border:#fecdd3;--status-invalid-text:#9f1239;--status-risky:#d97706;--status-risky-bg:#fffbeb;--status-risky-border:#fde68a;--status-risky-text:#92400e;--shadow-sm:0 1px 3px #0c23400d;--shadow-md:0 4px 12px #0c23400d, 0 1px 3px #0c234008;--shadow-lg:0 12px 32px #0c234012, 0 2px 6px #0c234008;--shadow-card:0 10px 30px -4px #0c23400f, 0 4px 12px -2px #0c234008;--shadow-btn:0 4px 14px #ff385c40;--shadow-btn-hover:0 6px 20px #ff385c59;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.22s cubic-bezier(.4, 0, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg-page);color:var(--text-primary);min-height:100vh;font-family:inherit;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background:var(--brand-coral-light);color:var(--brand-coral)}.app{background-color:var(--bg-page);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.header{border-bottom:1px solid var(--border-default);z-index:100;background-color:#fff;position:sticky;top:0;box-shadow:0 1px 3px #091e3208}.header-container{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:16px 24px;display:flex}.loantube-brand{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.logo-icon-wrapper{justify-content:center;align-items:center;display:flex}.brand-name-group{letter-spacing:-.02em;align-items:baseline;font-size:1.35rem;display:flex}.brand-loan,.brand-tube{color:var(--brand-navy);font-weight:800}.brand-divider{color:#cbd5e1;margin:0 8px;font-size:1.15rem;font-weight:400}.brand-service{color:var(--brand-coral);font-size:1.25rem;font-weight:700}.header-meta{align-items:center;display:flex}.kbd-hint{color:var(--text-muted);align-items:center;gap:6px;font-size:.8125rem;font-weight:500;display:inline-flex}.kbd-key{border-radius:var(--radius-sm);color:var(--text-secondary);background-color:#f1f5f9;border:1px solid #cbd5e1;padding:2px 7px;font-family:inherit;font-size:.75rem;font-weight:600}.main-layout{background:linear-gradient(180deg, var(--brand-mint-hero) 0%, var(--bg-page) 340px);flex:1;padding:44px 20px 80px}.container{max-width:820px;margin:0 auto}.hero-section{text-align:center;margin-bottom:32px}.hero-headline{color:var(--brand-navy);letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(2.1rem,4.5vw,2.85rem);font-weight:800;line-height:1.15}.hero-headline .highlight-text{color:var(--brand-coral)}.hero-subtext{color:var(--text-secondary);max-width:540px;margin:0 auto;font-size:1.05rem;font-weight:400;line-height:1.55}.tool-card{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base), border-color var(--transition-base);margin-bottom:28px;padding:28px}.tool-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tool-card-label{color:var(--brand-navy);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700}.mode-segmented-control{border-radius:var(--radius-full);background-color:#edf4f2;gap:2px;padding:3px;display:flex}.segment-btn{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 16px;font-family:inherit;font-size:.8125rem;font-weight:600}.segment-btn:hover{color:var(--brand-navy)}.segment-btn.active{color:var(--brand-navy);background-color:#fff;box-shadow:0 1px 4px #091e3214}.input-form{width:100%}.input-bar-container{border:1.5px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast);background-color:#fff;align-items:center;gap:10px;padding:4px 6px 4px 16px;display:flex;box-shadow:0 2px 6px #091e3205}.input-bar-container:focus-within{border-color:var(--brand-coral);box-shadow:0 0 0 4px var(--brand-coral-light)}.input-prefix-icon{color:var(--text-light);flex-shrink:0;align-items:center;display:flex}.email-input-field{height:48px;color:var(--brand-navy);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem;font-weight:500}.email-input-field::placeholder{color:var(--text-light);font-weight:400}.input-clear-btn{color:var(--text-light);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.input-clear-btn:hover{color:var(--text-primary);background-color:#f1f5f9}.action-validate-btn{background:linear-gradient(135deg, var(--brand-coral) 0%, var(--brand-coral-hover) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;height:48px;box-shadow:var(--shadow-btn);transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-family:inherit;font-size:.95rem;font-weight:700;display:inline-flex}.action-validate-btn:hover:not(:disabled){box-shadow:var(--shadow-btn-hover);transform:translateY(-1px)}.action-validate-btn:active:not(:disabled){transform:translateY(0)}.action-validate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-alert-box{background-color:var(--status-invalid-bg);border:1px solid var(--status-invalid-border);border-radius:var(--radius-md);color:var(--status-invalid-text);align-items:center;gap:10px;margin-top:16px;padding:12px 16px;font-size:.875rem;font-weight:500;display:flex}.sample-test-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;padding-top:16px;display:flex}.sample-label{color:var(--text-muted);font-size:.8125rem;font-weight:600}.sample-tags{flex-wrap:wrap;gap:6px;display:flex}.sample-tag-btn{border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background-color:#f6faf9;padding:4px 10px;font-family:inherit;font-size:.75rem;font-weight:600}.sample-tag-btn:hover:not(:disabled){border-color:var(--brand-coral);color:var(--brand-coral);background-color:#fff;box-shadow:0 1px 3px #ff385c1a}.results-wrapper{flex-direction:column;gap:20px;animation:.3s ease-out slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.verdict-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background-color:#fff;border:1.5px solid;align-items:flex-start;gap:20px;padding:24px;display:flex}.verdict-card.verdict-valid{background-color:var(--status-valid-bg);border-color:var(--status-valid-border)}.verdict-card.verdict-invalid{background-color:var(--status-invalid-bg);border-color:var(--status-invalid-border)}.verdict-card.verdict-risky{background-color:var(--status-risky-bg);border-color:var(--status-risky-border)}.verdict-icon-container{border-radius:var(--radius-lg);background-color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 2px 8px #091e320f}.verdict-body{flex:1}.verdict-header-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.verdict-title-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.verdict-title{color:var(--brand-navy);letter-spacing:-.02em;font-size:1.3rem;font-weight:800}.verdict-badge{border-radius:var(--radius-full);color:var(--brand-navy);background-color:#fff;border:1px solid #091e321a;padding:3px 10px;font-size:.75rem;font-weight:700;box-shadow:0 1px 2px #091e320a}.copy-email-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background-color:#fff;border:1px solid #091e321f;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:.75rem;font-weight:600;display:inline-flex}.copy-email-btn:hover{border-color:var(--brand-navy);color:var(--brand-navy)}.verdict-email{color:var(--text-secondary);word-break:break-all;margin-bottom:6px;font-size:1rem;font-weight:600}.verdict-desc{color:var(--text-muted);font-size:.9rem;line-height:1.45}.metric-cards-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-tile{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;gap:10px;padding:16px;display:flex}.metric-tile-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.metric-tile-val{align-items:center;display:flex}.metric-tag{border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-size:.8125rem;font-weight:700;display:inline-flex}.metric-tag.pass{background-color:var(--status-valid-bg);color:var(--status-valid-text);border:1px solid var(--status-valid-border)}.metric-tag.fail{background-color:var(--status-invalid-bg);color:var(--status-invalid-text);border:1px solid var(--status-invalid-border)}.metric-tag.warn{background-color:var(--status-risky-bg);color:var(--status-risky-text);border:1px solid var(--status-risky-border)}.metric-tag.neutral{color:var(--text-secondary);background-color:#f1f5f9;border:1px solid #e2e8f0}.diagnostics-panel{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.diagnostics-tabs-header{background-color:var(--bg-card-subtle);border-bottom:1px solid var(--border-default);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.tabs-list{flex-wrap:wrap;gap:6px;display:flex}.tab-btn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:.8125rem;font-weight:600;display:inline-flex}.tab-btn:hover{color:var(--brand-navy);background-color:#edf4f2}.tab-btn.active{color:var(--brand-navy);border-color:var(--border-default);background-color:#fff;box-shadow:0 1px 3px #091e320d}.copy-json-btn{border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background-color:#fff;padding:6px 14px;font-family:inherit;font-size:.75rem;font-weight:600}.copy-json-btn:hover{border-color:var(--brand-navy);color:var(--brand-navy)}.tab-content-area{padding:24px}.empty-tab-text{color:var(--text-muted);text-align:center;padding:20px;font-size:.875rem}.checks-tab-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.check-item-tile{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:#f8fafb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.check-title{color:var(--text-secondary);text-transform:capitalize;font-size:.85rem;font-weight:600}.check-status-badge{border-radius:var(--radius-full);padding:2px 8px;font-size:.75rem;font-weight:700}.check-status-badge.pass{background-color:var(--status-valid-bg);color:var(--status-valid)}.check-status-badge.fail{background-color:var(--status-invalid-bg);color:var(--status-invalid)}.check-status-badge.neutral{color:var(--text-muted);background-color:#e2e8f0}.dns-tab-layout{flex-direction:column;gap:24px;display:flex}.dns-quick-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dns-stat-box{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:#f8fafb;flex-direction:column;gap:4px;padding:14px;display:flex}.dns-stat-title{color:var(--text-muted);font-size:.75rem;font-weight:600}.dns-stat-value{font-size:1rem;font-weight:700}.stat-green{color:var(--status-valid)}.stat-red{color:var(--status-invalid)}.section-block-heading{color:var(--brand-navy);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:.8125rem;font-weight:700}.security-badges-wrap{flex-wrap:wrap;gap:8px;display:flex}.sec-badge{border-radius:var(--radius-md);border:1px solid;align-items:center;gap:8px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.sec-badge.sec-pass{background-color:var(--status-valid-bg);border-color:var(--status-valid-border);color:var(--status-valid-text)}.sec-badge.sec-missing{border-color:var(--border-default);color:var(--text-muted);background-color:#f8fafb}.sec-dot{border-radius:50%;width:6px;height:6px}.sec-badge.sec-pass .sec-dot{background-color:var(--status-valid)}.sec-badge.sec-missing .sec-dot{background-color:var(--text-light)}.sec-status{opacity:.8;font-size:.75rem;font-weight:500}.mx-servers-list{flex-direction:column;gap:6px;display:flex}.mx-server-row{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:#f8fafb;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.8125rem;display:flex}.mx-server-host{color:var(--brand-navy);align-items:center;gap:8px;font-family:ui-monospace,monospace;font-weight:600;display:flex}.mx-server-host svg{color:var(--brand-mint-accent)}.mx-server-prio{color:var(--text-muted);font-size:.75rem;font-weight:500}.json-container{border-radius:var(--radius-md);background-color:#091e32;padding:18px;overflow-x:auto}.json-container pre{color:#e2e8f0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.55}.footer{border-top:1px solid var(--border-default);background-color:#fff;margin-top:auto;padding:24px 20px}.footer-inner{text-align:center;max-width:820px;color:var(--text-muted);margin:0 auto;font-size:.8125rem}@media (width<=680px){.header-container{padding:14px 16px}.header-meta{display:none}.main-layout{padding:32px 16px 60px}.tool-card{padding:20px}.tool-card-header{flex-direction:column;align-items:flex-start;gap:12px}.input-bar-container{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.action-validate-btn{width:100%}.metric-cards-grid{grid-template-columns:repeat(2,1fr)}.checks-tab-grid,.dns-quick-stats{grid-template-columns:1fr}.verdict-header-row{flex-direction:column;align-items:flex-start;gap:8px}}