.mail508-page{margin:0;color:#eef2fa;background:#0a101b;font:16px/1.6 system-ui,sans-serif;min-height:100vh}.mail508-page *{box-sizing:border-box}.mail508-page a,.mail508-panel a,.mail508-link a{color:#e3c086}.mail508-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px max(20px,calc((100vw - 1100px)/2));border-bottom:1px solid #263449}.mail508-header img{width:180px;max-width:40vw;height:auto}.mail508-header a{text-decoration:none}.mail508-main{max-width:1020px;margin:48px auto;padding:0 18px;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}.mail508-art{background:#122033;border:1px solid #2b3c54;border-radius:20px 0 0 20px;overflow:hidden}.mail508-art img{display:block;width:100%;height:250px;object-fit:cover}.mail508-art div{padding:28px}.mail508-art small{color:#d9b779;letter-spacing:3px}.mail508-art h1{line-height:1.2;font-size:34px}.mail508-art p{color:#aebed3}.mail508-card{min-width:0;padding:32px;background:#142033;border:1px solid #2b3c54;border-radius:0 20px 20px 0}.mail508-card h2{font-size:25px;line-height:1.25;margin:0 0 14px}.mail508-card p{color:#b9c8dc}.mail508-card label{display:block;margin:17px 0 6px}.mail508-card input{display:block;width:100%;min-width:0;padding:13px;font:inherit;color:#edf1fa;background:#0c1524;border:1px solid #455976;border-radius:9px}.mail508-card input:focus{outline:2px solid #98b9ee;outline-offset:2px}.mail508-card button{display:block;width:100%;margin-top:24px;padding:14px 18px;border:1px solid #c1a06c;background:#e2c187;color:#111d30;font:600 16px system-ui,sans-serif;border-radius:9px;cursor:pointer}.mail508-card button:active{transform:translateY(1px)}.mail508-card button:disabled{opacity:.55;cursor:wait}.mail508-card .mail508-secondary{background:transparent;color:#e2c187}.mail508-status{overflow-wrap:anywhere;padding:14px;border:1px solid #304764;border-radius:9px}.mail508-status.error{color:#ffb5b8;border-color:#8c444d}.mail508-hint{font-size:13px;color:#a6b6cc;margin:8px 0 18px}.mail508-panel{padding:24px;margin:24px 0;border:1px solid #35455a;border-radius:14px;background:#132034;color:#edf1fa}.mail508-panel h2{font-size:22px}.mail508-link{text-align:center;margin:16px 0}.mail508-card [hidden],.mail508-page [hidden]{display:none!important}.mail508-footer{text-align:center;color:#90a3bd;font-size:13px;padding:20px}.mail508-profile{margin:18px 0;border-bottom:1px solid #304764;padding-bottom:14px;overflow-wrap:anywhere}
@media(max-width:720px){.mail508-main{margin:24px auto;grid-template-columns:1fr;max-width:520px}.mail508-art{border-radius:16px 16px 0 0}.mail508-art img{height:180px}.mail508-art div{padding:18px 22px}.mail508-art h1{font-size:27px;margin:12px 0}.mail508-art p{margin:8px 0}.mail508-card{padding:24px 20px;border-radius:0 0 16px 16px}.mail508-header{padding:16px;gap:10px}.mail508-header img{width:145px}.mail508-header a:last-child{font-size:14px}.mail508-card input{font-size:16px}.mail508-panel{padding:18px}.mail508-panel h2{font-size:20px}}