:root{--background:#f6f7f8;--card-bg:#fff;--second-bg:#F7F7F7;--font-color:#000;--mailbtn:#393939}@media (prefers-color-scheme:dark){:root{--background:#1e2020;--card-bg:#0f0f0f;--second-bg:#303134;--font-color:#fff;--mailbtn:#b9b9b9}}body{background:var(--background);margin:0;padding:0}.mailOA{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:var(--vh)}.mail{margin:auto}.mail-card{background:var(--card-bg);max-width:428px;max-height:569px;border-radius:16px;padding:24px 36px 20px 36px;display:flex;flex-direction:column;margin-top:8px;align-items:center}.form-preview{width:300px;font-size:18px}.form-preview,.form-preview *{box-sizing:border-box}.form-preview .preview-heading{width:100%;color:var(--font-color)}.form-preview .preview-heading h5{margin-top:0;margin-bottom:0;font-size:14px}.form-preview .preview-input-field{margin-top:15px;width:100%}.form-preview .preview-input-field input{width:100%;height:40px;border-radius:6px;border:2px solid var(--mailbtn);background-color:var(--second-bg);outline:0;color:var(--font-color);font-family:Montserrat;font-weight:400;line-height:20px;text-align:center;font-size:14px}.form-preview .preview-input-field input::placeholder{color:var(--font-color);opacity:1;font-size:14px}.form-preview .preview-input-field input:-ms-input-placeholder{color:var(--font-color)}.form-preview .preview-input-field input::-ms-input-placeholder{color:var(--font-color)}.form-preview .preview-submit-button{margin-top:15px;width:100%}.form-preview .preview-submit-button button{width:100%;height:40px;border:0;border-radius:6px;line-height:0;color:var(--card-bg);background:var(--mailbtn);font-size:14px}.form-preview .preview-submit-button button:hover{cursor:pointer;color:var(--card-bg);background:var(--font-color)}a.footer-item{font-size:14px;color:var(--font-color);opacity:.5;text-decoration:none;margin:20px 0;transition:.3s;position:relative;margin-right:20px}.footer-item:not(:last-child)::after{content:'';position:absolute;right:-10px;top:0;bottom:0;width:1px;background:#ccc}.footer-item:last-child{margin-right:0}a.footer-item:visited{color:var(--font-color)}a.footer-item:hover{color:var(--mailbtn);text-shadow:0 0 8px #1ba05914}.footer{display:flex}