.contact-hero {position:relative;min-height:760px;padding:170px 0 100px;overflow:hidden;background:radial-gradient(circle at 15% 40%,#222934 0,#101618 35%,#090d0f 75%);color:#fff;}
.contact-glow {position:absolute;width:500px;height:500px;left:-150px;bottom:-150px;border-radius:50%;background:radial-gradient(circle,rgba(169,140,255,.22),rgba(169,140,255,0) 68%);filter:blur(15px);}
.contact-hero-grid {position:relative;z-index:2;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start;}
.contact-intro {padding-top:45px;}
.contact-intro h1 {margin:0 0 25px;font-size:68px;line-height:.96;letter-spacing:-4px;}
.contact-intro h1 span {background:linear-gradient(90deg,#c28fff,#82b9ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.contact-intro>p {max-width:500px;margin:0;color:#bdc5c9;font-size:19px;line-height:1.6;}
.contact-intro-note {display:flex;gap:16px;max-width:470px;margin-top:45px;padding-top:28px;border-top:1px solid rgba(255,255,255,.12);}
.contact-intro-note>span {font-size:25px;color:#bba4ff;}
.contact-intro-note p {margin:0;color:#929da2;font-size:15px;}
.contact-card {padding:38px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.055);box-shadow:0 30px 80px rgba(0,0,0,.28);backdrop-filter:blur(15px);}
.contact-row {display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.contact-field {margin-bottom:22px;}
.contact-field label {display:block;margin-bottom:8px;color:#d8dde0;font-size:14px;font-weight:600;}
.contact-field label span {margin-left:5px;color:#768086;font-weight:400;}
.contact-field input,.contact-field select,.contact-field textarea {width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:10px;outline:none;background:rgba(5,8,10,.55);color:#fff;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;}
.contact-field textarea {min-height:165px;resize:vertical;}
.contact-field select {cursor:pointer;}
.contact-field input:hover,.contact-field select:hover,.contact-field textarea:hover {border-color:rgba(255,255,255,.28);}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus {border-color:var(--color-accent);background:rgba(5,8,10,.8);box-shadow:0 0 0 3px rgba(169,140,255,.12);}
.contact-button {width:100%;min-height:54px;margin-top:4px;border:0;border-radius:999px;background:#fff;color:#101416;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease;}
.contact-button:hover {transform:translateY(-2px);background:#edf0f2;}
.contact-button:active {transform:translateY(0);}
.contact-message {display:none;margin:0 0 25px;padding:14px 16px;border-radius:9px;font-size:14px;}
.contact-message.contact-error {display:block;border:1px solid rgba(255,130,130,.25);background:rgba(150,30,30,.18);color:#ffc2c2;}
.contact-message.contact-success {display:block;border:1px solid rgba(120,220,160,.25);background:rgba(25,120,70,.18);color:#b9efcf;}
@media (max-width:900px) {.contact-hero {padding-top:130px;}.contact-hero-grid {grid-template-columns:1fr;gap:45px;}.contact-intro {padding-top:0;}.contact-intro h1 {font-size:58px;}}
@media (max-width:560px) {.contact-hero {padding:110px 0 60px;}.contact-intro h1 {font-size:48px;letter-spacing:-3px;}.contact-intro>p {font-size:17px;}.contact-card {padding:24px 20px;}.contact-row {grid-template-columns:1fr;gap:0;}}