:root{--ma-cyan:#55cfff;--ma-good:#48d88e;--ma-warn:#f5b242;--ma-danger:#ff626b;--ma-panel:#071f2e;--ma-line:rgba(85,207,255,.2)}
.mail-analyzer-page{padding-bottom:64px}.mail-analyzer-page .simple-card{width:100%;max-width:none;margin-left:0;margin-right:0}.ma-hero{position:relative;aspect-ratio:1800/329;overflow:hidden;background:#03141f}.ma-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ma-shell{margin-top:22px;padding:0;overflow:hidden}.ma-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 26px;border-bottom:1px solid var(--ma-line)}.ma-heading h1{margin:4px 0 7px;font-size:1.65rem}.ma-heading p{max-width:920px;margin:0;line-height:1.6}.ma-version{flex:0 0 auto;padding:7px 10px;border:1px solid var(--ma-line);border-radius:8px;color:#7db5ca;background:rgba(85,207,255,.04);font-size:.68rem;font-weight:900}.ma-privacy{display:grid;grid-template-columns:32px 1fr;gap:11px;margin:18px 22px 0;padding:13px 15px;border:1px solid rgba(72,216,142,.22);border-radius:11px;background:rgba(72,216,142,.045)}.ma-privacy>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(72,216,142,.1);color:#67e6a5}.ma-privacy strong{color:#c9f7df}.ma-privacy p{margin:3px 0 0;color:#8bb1a1;font-size:.76rem;line-height:1.5}.ma-alert{display:grid;gap:4px;margin:18px 22px 0;padding:13px 15px;border-radius:10px}.ma-alert.error{border:1px solid rgba(255,98,107,.3);background:rgba(255,98,107,.06);color:#ffabb0}.ma-alert span{font-size:.78rem}
.ma-import{padding:20px 22px 24px}.ma-tabs{display:flex;gap:7px;margin-bottom:13px}.ma-tabs button{padding:10px 14px;border:1px solid var(--ma-line);border-radius:9px;background:rgba(255,255,255,.018);color:#82aabb;font-weight:850;cursor:pointer}.ma-tabs button.active{border-color:rgba(85,207,255,.55);background:rgba(85,207,255,.1);color:#dff7ff}.ma-input-panel{display:none}.ma-input-panel.active{display:block}.ma-dropzone{display:grid;justify-items:center;padding:36px 20px;border:1px dashed rgba(85,207,255,.42);border-radius:14px;background:linear-gradient(135deg,rgba(85,207,255,.06),rgba(255,255,255,.012));cursor:pointer;transition:.18s}.ma-dropzone:hover,.ma-dropzone.dragging{border-color:#6bd7ff;background:rgba(85,207,255,.1);box-shadow:inset 0 0 28px rgba(85,207,255,.035)}.ma-dropzone.invalid{border-color:var(--ma-danger)}.ma-envelope{display:grid;place-items:center;width:58px;height:58px;margin-bottom:12px;border:1px solid rgba(85,207,255,.32);border-radius:16px;color:#7edcff;background:rgba(85,207,255,.08);font-size:1.65rem}.ma-dropzone strong{color:#e7f8ff;font-size:1.02rem}.ma-dropzone small{margin-top:5px;color:#7da2b2}.ma-dropzone em{margin-top:14px;padding:6px 9px;border-radius:7px;background:rgba(255,255,255,.04);color:#9fc5d4;font-size:.7rem;font-style:normal}.ma-input-panel>label{display:block;margin-bottom:7px;color:#9fc1cf;font-size:.76rem;font-weight:850}.ma-input-panel textarea{width:100%;min-height:245px;padding:14px;border:1px solid var(--ma-line);border-radius:12px;outline:0;background:#03151f;color:#d8eef6;font:12px/1.55 Consolas,monospace;resize:vertical}.ma-input-panel textarea:focus{border-color:#56cfff;box-shadow:0 0 0 3px rgba(85,207,255,.08)}.ma-actions{display:flex;align-items:center;gap:9px;margin-top:14px}.ma-analyze{min-width:170px}.ma-actions .btn-outline{flex:0 0 auto;width:auto;min-width:104px;min-height:42px;padding:9px 16px;border:1px solid rgba(85,207,255,.32);border-radius:999px;background:rgba(85,207,255,.055);color:#9cdaef;box-shadow:none}.ma-actions .btn-outline:hover{border-color:rgba(85,207,255,.65);background:rgba(85,207,255,.11);color:#e2f8ff}
.ma-results{display:grid;gap:18px;margin-top:22px;scroll-margin-top:24px}.ma-verdict{display:grid;grid-template-columns:116px 1fr;align-items:center;gap:24px;padding:23px 27px;border-left:5px solid var(--ma-warn)}.ma-verdict.good{border-left-color:var(--ma-good)}.ma-verdict.danger{border-left-color:var(--ma-danger)}.ma-score{display:flex;align-items:baseline;justify-content:center;width:104px;height:104px;padding-top:33px;border-radius:50%;background:conic-gradient(var(--ma-warn) calc(var(--score)*1%),rgba(255,255,255,.07) 0);position:relative}.ma-score:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#071d2a}.ma-verdict.good .ma-score{background:conic-gradient(var(--ma-good) calc(var(--score)*1%),rgba(255,255,255,.07) 0)}.ma-verdict.danger .ma-score{background:conic-gradient(var(--ma-danger) calc(var(--score)*1%),rgba(255,255,255,.07) 0)}.ma-score strong,.ma-score span{position:relative;z-index:1}.ma-score strong{color:#fff;font-size:2rem}.ma-score span{color:#7f9eaa;font-size:.7rem}.ma-beta{display:inline-flex;padding:4px 7px;border:1px solid rgba(245,178,66,.42);border-radius:6px;background:rgba(245,178,66,.1);color:#ffd27e;font-size:.58rem;font-weight:950;letter-spacing:.08em}.ma-verdict h2{margin:8px 0 5px;font-size:1.65rem}.ma-verdict p{margin:0;color:#aac3cd}.ma-verdict small{display:block;margin-top:8px;color:#718f9b}.ma-auth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ma-auth{display:grid;gap:5px;padding:17px 19px;border-top:3px solid #708d99}.ma-auth span{color:#7698a6;font-size:.64rem;font-weight:900;letter-spacing:.08em}.ma-auth strong{font-size:1.05rem}.ma-auth.good{border-top-color:var(--ma-good)}.ma-auth.good strong{color:#79e9ad}.ma-auth.danger{border-top-color:var(--ma-danger)}.ma-auth.danger strong{color:#ff9da3}.ma-auth.note strong{color:#b1c5cd}
.ma-result-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:18px}.ma-card{padding:21px 22px}.ma-card>header{margin-bottom:15px}.ma-card>header h2{margin:4px 0 0;font-size:1.22rem}.ma-card>header p{margin:6px 0 0;color:#7797a4;font-size:.74rem;line-height:1.5}.ma-kicker{color:#63c9ef;font-size:.62rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.ma-data{display:grid;grid-template-columns:1fr 1fr;margin:0;border:1px solid rgba(255,255,255,.07);border-radius:11px;overflow:hidden}.ma-data>div{min-width:0;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.06)}.ma-data>div:nth-child(odd){border-right:1px solid rgba(255,255,255,.06)}.ma-data>div.wide{grid-column:1/-1;border-bottom:0;border-right:0}.ma-data dt{color:#6d91a0;font-size:.62rem;font-weight:900;text-transform:uppercase}.ma-data dd{margin:5px 0 0;color:#d9edf5;font-size:.78rem;font-weight:750;overflow-wrap:anywhere}.ma-findings{display:grid;gap:9px}.ma-finding{padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-left:4px solid #6d8c99;border-radius:9px;background:rgba(255,255,255,.015)}.ma-finding.good{border-left-color:var(--ma-good)}.ma-finding.warn{border-left-color:var(--ma-warn)}.ma-finding.danger{border-left-color:var(--ma-danger)}.ma-finding>div{display:flex;align-items:center;gap:8px}.ma-finding>div span{width:7px;height:7px;border-radius:50%;background:#718c98}.ma-finding.good>div span{background:var(--ma-good)}.ma-finding.warn>div span{background:var(--ma-warn)}.ma-finding.danger>div span{background:var(--ma-danger)}.ma-finding strong{font-size:.8rem}.ma-finding p{margin:6px 0 0;color:#93adb7;font-size:.74rem;line-height:1.5}.ma-finding details{margin-top:7px}.ma-finding summary{color:#6eaac0;font-size:.66rem;font-weight:800;cursor:pointer}.ma-finding code{display:block;margin-top:7px;padding:8px;border-radius:7px;background:#03141f;color:#9dbcc8;font:10px/1.45 Consolas,monospace;overflow-wrap:anywhere}.ma-wide-card{padding:21px 22px}.ma-route{display:grid;gap:8px}.ma-route details{border:1px solid rgba(85,207,255,.13);border-radius:9px;background:rgba(85,207,255,.02);overflow:hidden}.ma-route summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 13px;cursor:pointer}.ma-route summary>b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(85,207,255,.09);color:#7bd8f8;font-size:.7rem}.ma-route summary span{display:grid;gap:3px;min-width:0}.ma-route summary strong{overflow:hidden;color:#d7ebf3;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.ma-route summary small,.ma-route summary em{color:#7194a2;font-size:.66rem;font-style:normal}.ma-route details>code{display:block;padding:11px 13px;border-top:1px solid rgba(255,255,255,.06);background:#03151f;color:#9dbac5;font:10px/1.5 Consolas,monospace;overflow-wrap:anywhere}.ma-secondary{grid-template-columns:1fr 1fr}.ma-simple-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.ma-simple-list li{padding:9px 11px;border-radius:8px;background:rgba(255,255,255,.025);color:#adc7d1;font:11px Consolas,monospace;overflow-wrap:anywhere}.ma-caveat{padding:16px 18px;border:1px solid rgba(245,178,66,.32);border-left:4px solid var(--ma-warn);border-radius:11px;background:rgba(245,178,66,.055)}.ma-caveat strong{color:#ffd185}.ma-caveat p{margin:5px 0 0;color:#aaa998;font-size:.76rem;line-height:1.55}
@media(max-width:850px){.ma-result-grid{grid-template-columns:1fr}.ma-route summary{grid-template-columns:30px 1fr}.ma-route summary em{grid-column:2}.ma-heading{flex-direction:column}.ma-version{align-self:flex-start}}
@media(max-width:620px){.ma-hero{min-height:170px;aspect-ratio:auto}.ma-hero img{min-height:170px;object-position:left center}.ma-heading{padding:20px}.ma-import{padding:17px}.ma-privacy,.ma-alert{margin-left:17px;margin-right:17px}.ma-tabs{display:grid;grid-template-columns:1fr 1fr}.ma-tabs button{padding:9px 7px;font-size:.72rem}.ma-actions{flex-direction:column}.ma-actions>*{width:100%}.ma-verdict{grid-template-columns:1fr;text-align:center}.ma-score{margin:auto}.ma-auth-grid{grid-template-columns:1fr}.ma-data{grid-template-columns:1fr}.ma-data>div:nth-child(odd){border-right:0}.ma-data>div.wide{grid-column:auto}.ma-data>div:last-child{border-bottom:0}.ma-secondary{grid-template-columns:1fr}}

.ma-privacy{background:#fff0bd;border:1px solid #e9b83e;border-left:5px solid #e9b83e;color:#382c0c}
.ma-privacy strong,.ma-privacy p,.ma-privacy>span{color:#382c0c}.ma-privacy p{font-size:.86rem}.ma-privacy>span{background:#f4d57c}
.ma-results[hidden],.ma-alert[hidden]{display:none}.ma-alert{overflow-wrap:anywhere}.ma-dropzone em{max-width:100%;overflow-wrap:anywhere}
.ma-actions button:focus-visible{outline:3px solid #55cfff;outline-offset:3px}.ma-actions button:disabled{opacity:.6;cursor:wait}
.ma-input-panel>label.ma-dropzone{display:grid;justify-items:center;gap:5px}.ma-dropzone small{text-align:center}