.contact-page{min-height:100vh;background:radial-gradient(circle at 14% 0,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 34rem),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--color-accent) 12%,transparent),transparent 28rem),var(--сolor-dark);padding:0 24px 96px}.contact-hero,.contact-grid,.contact-form-card,.contact-tips{width:min(1120px,100%);margin-inline:auto}.contact-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(28px,5vw,64px);align-items:center;padding:58px 0 46px}.contact-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:16px 0;position:relative}.contact-hero-copy:after{content:"";position:absolute;left:0;bottom:-18px;width:min(420px,70%);height:2px;background:linear-gradient(90deg,var(--color-primary),color-mix(in srgb,var(--color-accent) 70%,transparent),transparent);pointer-events:none}.contact-hero-copy>*{position:relative;z-index:1}.contact-hero h1{margin:20px 0 0;max-width:720px;font-size:88px;line-height:.94;font-weight:950;letter-spacing:0}.contact-hero p{max-width:640px;margin:22px 0 0;color:var(--color-muted);font-size:18px;line-height:1.75}.contact-actions{display:flex;gap:14px;justify-content:flex-start;flex-wrap:wrap;margin-top:30px}.contact-hero-panel{display:grid;gap:12px;padding:8px 0 8px 18px;border-left:1px solid color-mix(in srgb,var(--color-primary) 24%,transparent)}.contact-panel-kicker{color:var(--color-primary);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.contact-path{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;gap:12px;align-items:center;padding:12px 0;border:1px solid color-mix(in srgb,var(--color-neutral-600) 20%,transparent);border-width:0 0 1px;background:transparent;color:var(--color-light);text-decoration:none;transition:transform .18s ease,color .18s ease}.contact-path:hover{transform:translate(4px);color:var(--color-primary)}.contact-path-icon,.contact-path-arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--color-primary) 11%,transparent);color:var(--color-primary);font-size:13px;font-weight:950}.contact-path-arrow{justify-self:end;background:transparent;color:var(--color-muted);font-size:20px}.contact-path strong{display:block;font-size:16px;font-weight:900}.contact-path small{display:block;margin-top:2px;color:var(--color-muted);font-size:13px;line-height:1.35}.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.contact-card{display:flex;flex-direction:column;gap:16px;min-height:292px;padding:22px;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,#fff 8%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 8%,transparent);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.contact-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--color-primary) 42%,transparent);box-shadow:0 26px 70px color-mix(in srgb,#000 22%,transparent)}.contact-card.card-aura-primary{--card-aura-bg: linear-gradient( 160deg, color-mix(in srgb, var(--color-primary) 12%, var(--bg-secondary)), color-mix(in srgb, var(--color-accent) 7%, var(--сolor-dark)) )}.contact-card.card-aura-ocean{--card-aura-bg: linear-gradient(160deg, #00101a, #061724)}.contact-card.card-aura-aurora{--card-aura-bg: linear-gradient(160deg, #07111e, #101424)}.contact-card.card-aura-cosmic{--card-aura-bg: linear-gradient(160deg, #100819, #15101f)}.text-main-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;white-space:nowrap}.contact-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:16px;background:color-mix(in srgb,var(--color-primary) 16%,transparent);color:var(--color-primary);font-weight:950}.contact-card h2,.contact-form-copy h2,.contact-tips h2{margin:0;color:var(--color-light);font-size:22px;line-height:1.2;font-weight:900}.contact-card p,.contact-form-copy p,.contact-tips p{margin:10px 0 0;color:var(--color-muted);line-height:1.65;font-size:14px}.contact-card-actions{margin-top:auto;display:grid;gap:10px;align-items:end}.contact-card-actions span{color:var(--color-primary);font-size:13px;font-weight:700;line-height:1.45;word-break:break-word;text-align:center}.contact-form-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:26px;align-items:start;margin-top:20px;padding:clamp(22px,4vw,36px);border-radius:28px;border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--color-primary) 24%,transparent),transparent 24rem),radial-gradient(circle at 100% 18%,color-mix(in srgb,var(--color-accent) 18%,transparent),transparent 22rem),linear-gradient(135deg,color-mix(in srgb,var(--color-dark-secondary) 94%,transparent),color-mix(in srgb,var(--сolor-dark) 86%,transparent));box-shadow:0 30px 90px color-mix(in srgb,#000 24%,transparent)}.contact-form-copy{display:grid;gap:16px;padding-top:4px}.contact-form-points{display:grid;gap:10px;margin-top:8px}.contact-form-points span{display:flex;align-items:center;min-height:42px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent);border-radius:14px;background:color-mix(in srgb,var(--color-primary) 9%,transparent);color:var(--color-light);font-size:13px;font-weight:800}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;border:1px solid color-mix(in srgb,var(--color-neutral-600) 28%,transparent);border-radius:22px;background:color-mix(in srgb,var(--сolor-dark) 74%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 8%,transparent)}.contact-honey{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.contact-form label{display:grid;gap:8px;color:var(--color-light);font-size:13px;font-weight:800}.contact-form label.full{grid-column:1 / -1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid color-mix(in srgb,var(--color-neutral-600) 34%,transparent);border-radius:16px;background:color-mix(in srgb,var(--сolor-dark) 78%,transparent);color:var(--color-light);padding:13px 14px;outline:none}.contact-form textarea{resize:vertical;min-height:150px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 14%,transparent)}.contact-form button{width:fit-content}.contact-form-status{align-self:center;min-height:24px;margin:0;color:var(--color-muted);font-size:13px;font-weight:700;line-height:1.45}.contact-form-status.is-success{color:var(--color-success)}.contact-form-status.is-error{color:var(--color-warning)}.contact-tips{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:center;margin-top:18px;padding:clamp(22px,4vw,34px);border-radius:28px}.contact-tip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-tip-grid span{min-height:44px;display:flex;align-items:center;padding:10px 12px;border:1px solid color-mix(in srgb,var(--color-primary) 18%,transparent);border-radius:14px;background:color-mix(in srgb,var(--color-primary) 8%,transparent);color:var(--color-light);font-size:13px;font-weight:800}@media(max-width:980px){.contact-hero{grid-template-columns:1fr}.contact-hero-copy,.contact-hero-panel{min-height:auto}.contact-hero-panel{padding:18px 0 0;border-left:0;border-top:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent)}.contact-hero h1{font-size:64px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form-card,.contact-tips{grid-template-columns:1fr}}@media(max-width:620px){.contact-page{padding:46px 14px 72px}.contact-hero h1{font-size:46px}.contact-hero p{font-size:16px}.contact-grid,.contact-form,.contact-tip-grid{grid-template-columns:1fr}.contact-card{min-height:auto}.contact-form button{width:100%}.contact-form{padding:16px}}
