.contact-page{justify-content:center;align-items:flex-start;display:flex}.contact-card{background:var(--boxbg);border:1px solid var(--bdrColor);border-radius:12px;width:100%;max-width:840px;padding:30px 40px;position:relative;overflow:hidden}.contact-card:before{content:"";background:linear-gradient(90deg,#ec4899,#8b5cf6);width:100%;height:4px;position:absolute;top:0;left:0}.contact-card h1{color:var(--headingColor);font-size:28px;font-weight:var(--headingBold);margin-bottom:10px}.contact-intro{color:var(--textColor2);font-size:var(--FontSize);margin-bottom:10px;line-height:1.6}.contact-intro a{color:var(--mainBlue)}.contact-note{color:var(--textColor2);margin-bottom:20px;font-size:12px}.contact-required{color:var(--errorColor)}.contact-card label{color:var(--textColor1);font-size:var(--FontSize);margin:12px 0 5px;font-weight:500;display:block}.contact-card input,.contact-card select,.contact-card textarea{background-color:var(--inputBg);border:1px solid var(--bdrColor);border-radius:var(--bdrRadius);width:100%;color:var(--textColor1);font:inherit;outline:none;margin-bottom:5px;padding:12px;font-size:14px}.contact-card input:focus,.contact-card select:focus,.contact-card textarea:focus{border-color:var(--mainBlue)}.contact-card .contact-invalid{border-color:var(--errorColor);background-color:#ef44440d}.contact-card select{appearance:none}.contact-select{position:relative}.contact-select:after{content:"";border-right:2px solid var(--iconColor);border-bottom:2px solid var(--iconColor);pointer-events:none;width:8px;height:8px;position:absolute;top:50%;right:16px;transform:translateY(-70%)rotate(45deg)}.contact-card textarea{resize:vertical;height:100px}.contact-count{text-align:right;color:var(--textlighter);font-size:12px}.contact-count.contact-count-low{color:var(--errorColor)}.contact-error{color:var(--errorColor);margin-top:4px;font-size:13px;display:block}.contact-buttons{gap:10px;margin-top:18px;display:flex}.contact-routes-h,.contact-form-h{color:var(--headingColor);margin:0 0 14px;font-size:19px;font-weight:600}.contact-form-h{margin-bottom:6px}.contact-routes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 28px;padding:0;list-style:none;display:grid}.contact-route{border:1px solid var(--bdrColor);border-top:3px solid var(--tone);background:var(--boxbg);height:100%;color:var(--fontColor);border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.contact-route:hover{border-color:var(--tone);color:var(--fontColor);transform:translateY(-2px)}.contact-route-k{color:var(--tone);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;font-weight:700}.contact-route-t{color:var(--headingColor);font-size:15.5px;font-weight:600}.contact-route-x{color:var(--textColor2);font-size:13.5px;line-height:1.45}.contact-next.bug-tips{margin:0 0 20px}.contact-next{border:1px solid var(--bdrColor);background:var(--boxbg);border-radius:10px;margin-top:24px;padding:18px 22px}.contact-next ol{color:var(--fontColor);gap:6px;margin:0;padding-left:20px;font-size:14.5px;line-height:1.5;display:grid}@media (max-width:760px){.contact-routes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.contact-routes{grid-template-columns:minmax(0,1fr)}}.btn.contact-reset{border:1px solid var(--bdrColor);color:var(--textColor2);background:0 0}.btn.contact-reset:hover{border-color:var(--textlighter);color:var(--textColor1)}.contact-captcha{min-height:65px;margin-top:18px}.contact-toast{top:calc(var(--site-header-h) + 10px);z-index:9999;border-radius:var(--bdrRadius);color:#fff;max-width:320px;font-size:var(--FontSize);background:#089804;padding:12px 16px;line-height:1.5;position:fixed;right:20px}.contact-toast.contact-toast-error{background:var(--mainRed)}@media (max-width:768px){.contact-card{padding:24px 18px}.contact-toast{max-width:none;left:10px;right:10px}}
