*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;font-size:13px;background:#f5f5f5;color:#333}.container{max-width:800px;margin:0 auto;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);min-height:100vh}.header{background:linear-gradient(180deg,#fff,#e8e8e8);padding:20px;text-align:center;border-bottom:1px solid #ccc;position:relative}.logo{justify-content:center;margin-bottom:15px}.logo,.logo-link{display:flex;align-items:center;flex-direction:column}.logo-link{text-decoration:none;color:inherit;transition:opacity .2s ease}.logo-link:hover{opacity:.8}.logo-icon{width:350px;height:122px;margin-bottom:10px}.logo-icon img{width:100%;height:100%;object-fit:contain}.language-switcher{position:absolute;top:10px;right:20px;display:flex;gap:5px}.lang-link{padding:5px 10px;background:#f0f0f0;color:#666;text-decoration:none;border-radius:3px;font-size:11px;font-weight:700;transition:all .2s;cursor:pointer;border:none}.lang-link:hover{background:#e0e0e0}.lang-link.active{background:#4a90e2;color:#fff}.search-form{display:flex;justify-content:center;gap:10px;margin-bottom:15px}.domain-input{padding:8px 12px;border:2px solid #4a90e2;width:300px;font-size:14px;outline:none}.domain-input:focus{border-color:#357abd}.report-btn{background:#4a90e2;color:#fff;border:none;padding:8px 20px;cursor:pointer;font-size:14px;transition:all .15s ease;border-radius:3px}.report-btn:hover{background:#357abd}.report-btn:active{background:#2a5f8f;transform:scale(.95);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.report-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.description{font-size:12px;color:#666;line-height:1.4;max-width:600px;margin:0 auto}.tabs{background:transparent;padding:10px;border-bottom:none;display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin-bottom:20px}.tab{background:#e67e22;border:none;padding:5px 8px;cursor:pointer;font-size:11px;color:#fff;text-decoration:none;border-radius:3px;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.1)}.tab:hover:not(.active){background:#d35400;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.tab.active{background:#d35400;font-weight:700;transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.2)}.tab-content{display:none;animation:fadeIn .3s ease-in-out}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content{padding:0}.category-section{margin-bottom:2px}.category-header{padding:8px 15px;font-weight:700;font-size:13px;color:#fff}.category-header.ns{background:#4a90e2}.category-header.www{background:#d9534f}.category-header.dns{background:#4a90e2}.category-header.soa{background:#8e44ad}.category-header.mx{background:#f0ad4e}.category-header.a{background:#5cb85c}.category-header.txt{background:#17a2b8}.category-header.email{background:#6f42c1}.category-header.security{background:#5bc0de}.test-table{width:100%;border-collapse:collapse;background:#fff}.test-table th{background:#f8f8f8;padding:8px 10px;font-weight:700;text-align:left}.test-table td,.test-table th{border:1px solid #ddd;font-size:12px}.test-table td{padding:6px 10px;line-height:1.4}.test-table tr:nth-child(2n){background:#f9f9f9}.status-column{width:40px;text-align:center}.test-column{width:200px}.info-column{width:auto}.status-icon{display:inline-block;width:16px;height:16px;border-radius:50%;text-align:center;line-height:16px;font-size:12px;font-weight:700;color:#fff}.status-icon.success{background:#5cb85c}.status-icon.warning{background:#f0ad4e}.status-icon.error{background:#d9534f}.status-icon.info{background:#5bc0de}.ip-address{background:#f0f0f0;padding:2px 4px;border-radius:3px}.dns-record,.hostname,.ip-address{font-family:monospace;font-weight:700}.dns-record,.hostname{font-size:11px}.copyable{cursor:pointer;transition:all .2s ease;position:relative;display:inline;font-weight:700}.copyable:hover{background:#e0e0e0;border-radius:3px}.copyable.ip-address:hover{background:#d0d0d0}.copyable.copied{background:#d4edda!important}.copy-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;white-space:nowrap;z-index:100;animation:fadeInUp .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.error-message{background:#f2dede;color:#a94442;padding:15px;margin:10px;border-radius:4px;border:1px solid #ebccd1}.no-data{text-align:center;padding:50px;color:#666;font-style:italic}.email-score-box{background:#fff;padding:12px;border-radius:8px;border-left:4px solid}.email-score-grade{width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.score-breakdown{display:flex;gap:20px;margin-bottom:10px;flex-wrap:wrap}.score-item{text-align:center}.score-label{font-size:11px;color:#666}.loading{opacity:.6;pointer-events:none}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;z-index:1000;font-size:16px;color:#4a90e2}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top-color:#4a90e2;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.highlight{background:#fff3cd!important}.tt-line{margin:2px 0}@media (max-width:768px){.container{margin:0;box-shadow:none}.domain-input{width:200px}.tabs{padding:10px;gap:6px}.tab{padding:8px 14px;font-size:12px;border-radius:5px}.test-table{font-size:11px}.language-switcher{position:relative;top:auto;right:auto;justify-content:center;margin-bottom:10px}}.footer{text-align:center;padding:20px;color:#666;font-size:11px;border-top:1px solid #eee;margin-top:20px}.footer a{color:#4a90e2;text-decoration:none}.footer a:hover{text-decoration:underline}