.contact-grid{display:grid;gap:var(--space-xl);grid-template-columns:1fr;margin-top:-56px;position:relative;z-index:2}@media (min-width: 900px){.contact-grid{grid-template-columns:1.1fr .9fr;gap:var(--space-2xl)}}.channel{background:var(--surface-white);border:1px solid var(--surface-slate-deep);border-radius:var(--radius-2xl);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-md);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.channel:hover{transform:translateY(-3px);border-color:var(--color-gold)}.channel__head{display:flex;align-items:center;gap:var(--space-md)}.channel__icon{width:56px;height:56px;flex-shrink:0;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;background:#0596691f;color:var(--color-emerald-text);font-size:24px}.channel__icon--gold{background:#e08a111f;color:var(--color-gold-text)}.channel__icon--navy{background:var(--color-navy);color:var(--color-gold)}html.dark .channel__icon--navy{background:var(--surface-slate-deep)}.channel__title{font-size:18px;color:var(--color-navy);margin-bottom:2px}html.dark .channel__title{color:var(--ink)}.channel__hint{font-size:13px;color:var(--ink-muted)}.channel__value{font-family:var(--font-heading);font-weight:800;font-size:clamp(20px,2.4vw,26px);letter-spacing:-.01em;color:var(--color-navy);font-variant-numeric:tabular-nums}html.dark .channel__value{color:var(--ink)}.channel__meta{font-size:13px;color:var(--ink-muted)}.channel__pulse{width:8px;height:8px;border-radius:50%;background:var(--color-emerald);box-shadow:0 0 #05966980;animation:pulseDot 2s infinite;display:inline-block}@keyframes pulseDot{0%{box-shadow:0 0 #0596698c}70%{box-shadow:0 0 0 10px #05966900}to{box-shadow:0 0 #05966900}}.channel__action{margin-top:auto}.form-card{background:var(--surface-white);border:1px solid var(--surface-slate-deep);border-radius:var(--radius-2xl);padding:var(--space-xl);box-shadow:var(--shadow-md)}.form-card__head{margin-bottom:var(--space-lg)}.form-card__title{font-size:22px;color:var(--color-navy);margin-bottom:4px}html.dark .form-card__title{color:var(--ink)}.form-card__sub{font-size:14px;color:var(--ink-muted)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-md)}.field__label{font-size:13px;font-weight:700;color:var(--ink)}.field__input,.field__select,.field__textarea{width:100%;background:var(--surface-white);border:1.5px solid var(--surface-slate-deep);border-radius:var(--radius-lg);padding:12px 14px;font-size:15px;font-family:inherit;color:var(--ink);min-height:48px;transition:border-color .15s ease,box-shadow .15s ease}html.dark .field__input,html.dark .field__select,html.dark .field__textarea{background:var(--surface-slate)}.field__textarea{min-height:120px;resize:vertical}.field__input:focus,.field__select:focus,.field__textarea:focus{outline:0;border-color:var(--color-gold);box-shadow:0 0 0 4px #e08a112e}.field__hint{font-size:12px;color:var(--ink-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media (max-width: 540px){.form-row{grid-template-columns:1fr}}.form-card__submit{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap}.form-card__notice{font-size:12px;color:var(--ink-muted)}.office{background:var(--surface-white);border:1px solid var(--surface-slate-deep);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-sm)}.office__map{aspect-ratio:16 / 9;background:repeating-linear-gradient(45deg,rgba(12,35,64,.04) 0 2px,transparent 2px 14px),linear-gradient(135deg,var(--surface-slate) 0%,var(--surface-slate-deep) 100%);position:relative}html.dark .office__map{background:repeating-linear-gradient(45deg,rgba(224,138,17,.05) 0 2px,transparent 2px 14px),linear-gradient(135deg,var(--surface-slate) 0%,var(--surface-slate-deep) 100%)}.office__pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);width:36px;height:36px;background:var(--color-gold);border-radius:50% 50% 50% 0;transform-origin:bottom;rotate:-45deg;box-shadow:0 8px 24px #e08a1166;display:flex;align-items:center;justify-content:center}.office__pin:after{content:"";position:absolute;width:14px;height:14px;background:var(--color-navy);border-radius:50%;top:8px;left:8px}.office__map-label{position:absolute;bottom:14px;left:14px;background:var(--color-navy);color:#fff;padding:5px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.office__body{padding:var(--space-lg)}.office__name{font-size:18px;color:var(--color-navy);margin-bottom:4px;font-weight:800;font-family:var(--font-heading)}html.dark .office__name{color:var(--ink)}.office__addr{font-size:14px;color:var(--ink-muted);line-height:1.6}.office__hours{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--surface-slate-deep);display:flex;flex-direction:column;gap:6px;font-size:14px}.office__hours li{display:flex;justify-content:space-between;gap:var(--space-md)}.office__hours .day{color:var(--ink);font-weight:600}.office__hours .time{color:var(--ink-muted);font-variant-numeric:tabular-nums}.reasons{padding-block:var(--space-3xl);background:var(--surface-slate)}.reasons__grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.reasons__grid{grid-template-columns:1fr 1fr}}@media (max-width: 540px){.reasons__grid{grid-template-columns:1fr}}.reason{background:var(--surface-white);border:1px solid var(--surface-slate-deep);border-radius:var(--radius-xl);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.reason__num{font-family:var(--font-heading);font-weight:800;font-size:13px;color:var(--color-gold);letter-spacing:.08em}.reason__title{font-size:16px;color:var(--color-navy)}html.dark .reason__title{color:var(--ink)}.reason__body{font-size:13px;color:var(--ink-muted);line-height:1.5}.status-banner{margin-top:var(--space-2xl);background:linear-gradient(95deg,#05966914,#05966905);border:1px solid rgba(5,150,105,.25);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.status-banner strong{color:var(--color-emerald-text)}.status-banner a{margin-left:auto;font-weight:700;color:var(--color-emerald-text);font-size:14px}
