:root {--bg: #0b1220;--panel: #0f172a;--card: #111827;--muted: #9aa3b2;--text: #e5e7eb;--brand: #14b8a6;--brand-2: #22d3ee;--red: #ef4444;--green: #16a34a;--yellow: #f59e0b;--shadow: 0 8px 24px rgba(2,6,23,.6);--radius: 14px;--gap: 16px;}
* {box-sizing: border-box;}
html, body {height: 100%;}
body {margin: 0;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";background: linear-gradient(180deg,#0b1220 0%,#0b1020 100%);color: var(--text);}
.container {max-width: 1200px;margin: 0 auto;padding: 24px 16px 64px;}
.breadcrumbs {font-size: 13px;color: var(--muted);margin: 8px 0 16px;}
.breadcrumbs a {color: var(--muted);text-decoration: none;}
.breadcrumbs a:hover {color: var(--text);}
.h1 {font-weight: 700;font-size: 36px;margin: 8px 0 24px;letter-spacing: .3px;}
.h2 {font-weight: 700;font-size: 24px;margin: 0 0 16px;}
.h3 {font-weight: 600;font-size: 18px;margin: 0 0 8px;}
.grid {display: grid;gap: 16px;}
.grid.cols-2 {grid-template-columns: 1.2fr .8fr;}
.grid.cols-3 {grid-template-columns: repeat(3,1fr);}
.grid.cols-4 {grid-template-columns: repeat(4,1fr);}
.panel {background: var(--panel);border-radius: var(--radius);box-shadow: var(--shadow);border: 1px solid rgba(148,163,184,.12);padding: 15px 20px;}
.panel .panel__hd {padding: 18px 20px;border-bottom: 1px solid rgba(148,163,184,.12);}
.panel .panel__bd {padding: 18px 20px;}
.contacts {display: grid;grid-template-columns: 1fr;gap: 16px;}
.contact-items {display: grid;grid-template-columns: 1fr 1fr;gap: 12px 16px;}
@media (max-width: 720px) {.contact-items {grid-template-columns: 1fr;}}
.contact {display: flex;align-items: flex-start;gap: 12px;padding: 12px 14px;border-radius: 12px;background: #0e1629;border: 1px solid rgba(148,163,184,.1);}
.contact .icon {width: 36px;height: 36px;border-radius: 10px;display: grid;place-items: center;background: rgba(20,184,166,.1);color: var(--brand);flex: 0 0 36px;}
.contact .meta {display: grid;gap: 2px;}
.contact .title {font-size: 13px;color: var(--muted);}
.contact .value a {color: var(--text);text-decoration: none;}
.contact .value a:hover {color: var(--brand-2);}
.company {display: grid;gap: 8px;padding: 12px 14px;border-radius: 12px;background: #0e1629;border: 1px solid rgba(148,163,184,.1);}
.company .row {display: flex;align-items: center;gap: 8px;}
.company .label {width: 72px;color: var(--muted);font-size: 13px;flex: 0 0 72px;}
.company .text {font-weight: 600;}
.map {border-radius: 12px;overflow: hidden;background: #0b1220;border: 1px solid rgba(148,163,184,.12);height: 470px;}
.map iframe {width: 100%;height: 400px;border: 0;display: block;filter: saturate(.9) contrast(1.05);}
.form {display: grid;gap: 12px;}
.field {display: grid;gap: 6px;}
.input, .textarea, .select {width: 100%;background: #0b1326;border: 1px solid rgba(148,163,184,.18);color: var(--text);border-radius: 10px;padding: 10px 12px;}
.textarea {min-height: 120px;resize: vertical;}
.label {font-size: 13px;color: var(--muted);}
.error {display: none;color: var(--red);font-size: 12px;}
.success {display: none;color: var(--green);font-size: 14px;}
.row {display: grid;gap: 12px;grid-template-columns: 1fr 1fr;}
@media (max-width: 720px) {.row {grid-template-columns: 1fr;}}
.btn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;background: linear-gradient(90deg,var(--brand),var(--brand-2));color: #001018;border: 0;padding: 10px 14px;border-radius: 10px;font-weight: 700;cursor: pointer;}
.btn:disabled {opacity: .6;cursor: not-allowed;}
.upload {display: grid;gap: 10px;}
.drop {border: 1.5px dashed rgba(148,163,184,.25);border-radius: 12px;background: #0b1220;padding: 18px;display: grid;place-items: center;text-align: center;color: var(--muted);}
.drop.hover {background: #0c1730;border-color: var(--brand);color: var(--text);}
.drop .pick {margin-top: 8px;}
.upload-list {display: grid;gap: 10px;}
.upload-item {display: grid;grid-template-columns: 24px 64px 1fr auto;gap: 12px;align-items: center;background: #0b1326;border: 1px solid rgba(148,163,184,.16);border-radius: 12px;padding: 10px;position: relative;}
.upload-item .drag {width: 24px;height: 24px;display: grid;place-items: center;border: 0;background: transparent;color: var(--muted);cursor: grab;}
.upload-item .thumb {width: 64px;height: 64px;border-radius: 8px;overflow: hidden;display: grid;place-items: center;background: #0b1220;position: relative;}
.upload-item .thumb img {width: 100%;height: 100%;object-fit: cover;display: block;}
.upload-item .thumb .zoom-icon {position: absolute;right: 6px;bottom: 6px;opacity: 0;transform: translateY(4px);transition: .2s ease;}
.upload-item.is-image:hover .thumb .zoom-icon {opacity: 1;transform: translateY(0);}
.upload-item .meta {display: grid;gap: 2px;}
.upload-item .name {font-weight: 600;word-break: break-all;}
.upload-item .size {color: var(--muted);font-size: 12px;}
.upload-item .actions .btn-remove {background: transparent;color: #fca5a5;border: 1px solid rgba(239,68,68,.4);padding: 6px 10px;border-radius: 8px;cursor: pointer;}
.upload-item .item-progress {position: absolute;left: 10px;right: 10px;bottom: 10px;height: 3px;background: rgba(148,163,184,.18);border-radius: 999px;overflow: hidden;}
.upload-item .item-progress .bar {height: 100%;width: 0;background: linear-gradient(90deg,var(--brand),var(--brand-2));transition: width .2s ease;}
.lightbox {position: fixed;inset: 0;display: grid;place-items: center;z-index: 999;}
.lightbox[hidden] {display: none;}
.lightbox .backdrop {position: absolute;inset: 0;background: rgba(2,6,23,.78);backdrop-filter: blur(2px);}
.lightbox .content {position: relative;z-index: 1;max-width: 92vw;max-height: 92vh;}
.lightbox .img {max-width: 92vw;max-height: 92vh;object-fit: contain;border-radius: 12px;box-shadow: var(--shadow);display: block;}
.lightbox .close {position: absolute;top: -12px;right: -12px;width: 36px;height: 36px;border-radius: 999px;display: grid;place-items: center;border: 0;background: #0b1220;color: var(--text);box-shadow: var(--shadow);cursor: pointer;}
.team-grid {display: grid;grid-template-columns: repeat(2,1fr);gap: 16px;}
@media (max-width: 1024px) {.team-grid {grid-template-columns: repeat(3,1fr);}}
@media (max-width: 760px) {.team-grid {grid-template-columns: repeat(2,1fr);}}
@media (max-width: 480px) {.team-grid {grid-template-columns: 1fr;}}
.card {background: #0e1629;border: 1px solid rgba(148,163,184,.12);border-radius: 14px;padding: 0;display: grid;grid-template-columns: 96px 1fr;gap: 0;align-items: stretch;overflow: hidden;}
.card .avatar {width: 100%;height: 100%;border-radius: 0;overflow: hidden;background: #0b1220;display: grid;place-items: center;}
.card .avatar img {width: 100%;height: 100%;object-fit: cover;display: block;}
.card>div:nth-child(2) {padding: 14px;display: grid;gap: 6px;}
.card h4 {margin: 0;font-weight: 700;}
.card .role {color: var(--muted);font-size: 13px;}
.card .meta {display: grid;gap: 6px;}
.card .meta a {display: inline-flex;align-items: center;gap: 8px;color: var(--text);text-decoration: none;}
.card .meta a:hover {color: var(--brand-2);}
.card .meta a[href^="tel:"]::before {content: "";width: 16px;height: 16px;display: inline-block;background-color: currentColor;-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V21c0 .55-.45 1-1 1C10.4 22 2 13.6 2 3c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.24.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"/></svg>") no-repeat center/contain;mask: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V21c0 .55-.45 1-1 1C10.4 22 2 13.6 2 3c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.24.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"/></svg>") no-repeat center/contain;}
.card .meta a[href^="mailto:"]::before {content: "";width: 16px;height: 16px;display: inline-block;background-color: currentColor;-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5z\"/></svg>") no-repeat center/contain;mask: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"black\" d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5z\"/></svg>") no-repeat center/contain;}
.section+.section {margin-top: 16px;}
.panel+.panel {margin-top: 16px;}
.contact-items>* {min-width: 0;}
.page-title {font-size: 40px;font-weight: 800;letter-spacing: .3px;margin: 6px 0 24px;}
.subtitle.tagline {display: inline-flex;align-items: center;gap: 8px;color: var(--muted);font-size: 13px;}
.pill {display: inline-flex;align-items: center;gap: 8px;border: 1px solid rgba(148,163,184,.12);padding: 6px 10px;border-radius: 999px;background: rgba(255,255,255,.02);margin-bottom: 35px;}
.dot {width: 8px;height: 8px;border-radius: 50%;background: var(--brand);}
.crumb-sep {opacity: .6;margin: 0 6px;}
.contacts h3 {margin: 0 0 16px;font-size: 20px;}
.contacts .contact-list {display: grid;grid-template-columns: repeat(2,1fr);gap: 12px;}
.contact-item {display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 12px 14px;border-radius: 12px;background: #0e1629;border: 1px solid rgba(148,163,184,.1);}
.contact-left {display: flex;align-items: center;gap: 12px;min-width: 220px;}
.contact-icon {width: 36px;height: 36px;border-radius: 10px;display: grid;place-items: center;background: rgba(20,184,166,.1);color: var(--brand);flex: 0 0 36px;}
.contact-item b {font-weight: 700;}
.contact-item small {display: block;color: var(--muted);margin-top: 2px;}
.contact-right {margin-left: auto;text-align: right;}
.contact-right a {color: var(--text);text-decoration: none;}
.contact-right a:hover {color: var(--brand-2);}
.contact-phones {display: flex;flex-direction: column;gap: 6px;}
.contact-phones div {display: flex;align-items: baseline;gap: 8px;justify-content: flex-end;}
@media (max-width: 540px) {.contact-item {flex-direction: column;align-items: flex-start;}
	.contact-right {margin-left: 0;text-align: left;width: 100%;}
	.contact-phones div {justify-content: flex-start;}}
.panel.form h3 {margin: 0 0 14px;font-size: 20px;}
.panel.form form {display: grid;gap: 14px;}
.panel.form .row {display: grid;grid-template-columns: 1fr 1fr;gap: 14px;}
@media (max-width: 720px) {.panel.form .row {grid-template-columns: 1fr;}}
.panel.form label {display: block;font-size: 13px;color: var(--muted);margin-bottom: 8px;}
.panel.form input, .panel.form textarea, .panel.form select {width: 100%;background: #0b1326;border: 1px solid rgba(148,163,184,.18);color: var(--text);border-radius: 10px;padding: 10px 12px;outline: none;}
.panel.form input:focus, .panel.form textarea:focus, .panel.form select:focus {border-color: rgba(34,211,238,.6);box-shadow: 0 0 0 4px rgba(34,211,238,.12);}
.panel.form textarea {min-height: 120px;resize: vertical;}
.panel.form .hint {font-size: 12px;color: var(--muted);margin-top: 6px;}
.panel.form .actions {display: flex;gap: 12px;align-items: center;}
.upload .upload-area {border: 1.5px dashed rgba(148,163,184,.25);border-radius: 12px;background: #0b1220;padding: 18px;display: grid;place-items: center;text-align: center;color: var(--muted);cursor: pointer;}
.upload .upload-area.hover {background: #0c1730;border-color: var(--brand);color: var(--text);}
.upload .upload-input {display: none;}
.upload .upload-hint strong {color: var(--text);}
.upload .link {color: var(--brand-2);background: none;border: 0;cursor: pointer;padding: 0;text-decoration: underline;}
.lightbox-backdrop {position: absolute;inset: 0;background: rgba(2,6,23,.78);backdrop-filter: blur(2px);}
.lightbox-content {position: relative;z-index: 1;max-width: 92vw;max-height: 92vh;}
.lightbox-content img {max-width: 92vw;max-height: 92vh;object-fit: contain;border-radius: 12px;box-shadow: var(--shadow);display: block;}
.lightbox-close {position: absolute;top: -12px;right: -12px;width: 36px;height: 36px;border-radius: 999px;display: grid;place-items: center;border: 0;background: #0b1220;color: var(--text);box-shadow: var(--shadow);cursor: pointer;}
.map-frame {border: 1px solid rgba(148,163,184,.12);border-radius: 14px;overflow: hidden;height: 360px;background: #0b1220;}
.map-frame iframe {width: 100%;height: 100%;border: 0;display: block;filter: saturate(.9) contrast(1.05);}