.spf-result-card{background:#fff;border-radius:20px;border:1px solid #e0e8da;overflow:hidden}.spf-result-header{background:#1e4738;padding:20px 24px}.spf-result-header h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 4px}.spf-result-header .domain-name{font-family:monospace;font-size:14px;color:#fff;word-break:break-all;opacity:.85}.spf-stats-grid{display:grid;grid-template-columns:repeat(3,1fr)}.spf-stat-card{background:#fff;padding:20px;text-align:center;border-top:1px solid #e0e8da}.spf-stat-label{font-size:13px;color:#6b7c6f;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.spf-stat-value{font-size:28px;font-weight:700;color:#1e4738}.spf-status-valid{color:#1e4738}.spf-status-warning{color:#f59e0b}.spf-status-critical{color:#c25a3a}.spf-record-section{padding:20px 24px;background:#1e4738;border-bottom:1px solid #e0e8da}.spf-record-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:10px}.spf-record-label{font-size:13px;font-weight:600;color:#fff;margin:0}.copy-btn{background:0 0;border:none;cursor:pointer;padding:6px 10px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#c8b96b;transition:all .2s ease;font-family:inherit}.copy-btn:hover{background:rgba(255,255,255,.15);color:#fff}.copy-btn svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}.copy-btn.copied{color:#6ee7b7}.spf-record-value{font-family:"Courier New",monospace;font-size:13px;background:#fff;padding:12px;border-radius:12px;border:1px solid #e6e0b3;word-break:break-all;line-height:1.5;color:#1e4738}.spf-lookup-tree{padding:20px 24px}.spf-lookup-tree h4{font-size:15px;font-weight:600;color:#1e4738;margin:0 0 16px}.tree-item{margin-bottom:16px;border-left:3px solid #1e4738;padding-left:10px}.tree-item-title{font-weight:700;font-size:14px;color:#1e3a2f;margin-bottom:8px}.include-tree{margin-left:20px;margin-top:12px;padding-left:16px;border-left:2px solid #d4decb}.mechanism-list{list-style:none;padding-left:20px;margin:0}.mechanism-list li{font-family:monospace;font-size:13px;color:#4a5e53;padding:4px 0;border-bottom:1px dashed #e2ecd9}.warning-message{background:#fef3c7;border-left:4px solid #f59e0b;padding:12px 16px;margin:16px 24px;border-radius:8px;color:#92400e;font-size:13px}.critical-message{background:#fee2e2;border-left:4px solid #dc2626;padding:12px 16px;margin:16px 24px;border-radius:8px;color:#991b1b;font-size:13px}.spf-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;background:#fff;border-radius:20px}.spf-spinner{width:24px;height:24px;border:3px solid #d4e0cc;border-top-color:#1e4738;border-radius:50%;animation:spin .8s linear infinite}.email-senders-list{background:#e6f0ea;padding:14px 16px;border-radius:12px;margin-top:12px}.email-senders-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sender-tag{background:#fff;border:1px solid #b5d0bf;border-radius:20px;padding:4px 14px;font-size:12px;color:#1e4738;font-weight:600}.mechanism-breakdown{margin-top:16px;padding:12px;background:#f8faf6;border-radius:12px}.mechanism-breakdown h5{margin:0 0 8px;font-size:13px;color:#1e4738}.mechanism-breakdown ul{margin:0;padding-left:20px}.mechanism-breakdown li{font-size:12px;color:#4a5e53;margin-bottom:4px}.optimization-tip{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:16px;border-radius:12px;margin:16px 24px}.optimization-tip h5{margin:0 0 8px;font-size:14px}.optimization-tip p{margin:0;font-size:12px;opacity:.95}@media (max-width:768px){.spf-stats-grid{grid-template-columns:1fr}.spf-record-header{flex-direction:column;align-items:flex-start;gap:8px}}