.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:20px;right:16px;transform: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}.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{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;top:70px;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}}