.tech-grid {
            background-image: radial-gradient(circle at 2px 2px, rgba(163, 0, 18, 0.05) 1px, transparent 0);
            background-size: 32px 32px;
        }
        :root {
            --contact-radius-panel: 16px;
            --contact-radius-field: 6px;
            --contact-radius-dropdown: 6px;
            --contact-radius-button: 6px;
        }
        .contact-form-panel {
            background:
                radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.16), transparent 32%),
                linear-gradient(135deg, #075bbb 0%, #064a96 100%);
            color: #fff;
            border-color: rgba(255, 255, 255, 0.18);
            box-shadow: 0 32px 90px rgba(7, 91, 187, 0.24);
            border-radius: var(--contact-radius-panel);
            padding: 46px 52px;
        }
        .contact-form-header {
            margin-bottom: 24px;
            align-items: center;
            flex-direction: row !important;
            flex-wrap: nowrap;
        }
        .contact-form-intro {
            max-width: 440px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: clamp(11px, 1.15vw, 14px);
            line-height: 1.5;
            text-align: right;
        }
        .contact-form {
            display: flex;
            flex-direction: column;
            gap: 18px;
        }
        .contact-form-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            column-gap: 22px;
            row-gap: 18px;
        }
        .contact-form-panel h2,
        .contact-form-panel .text-primary-container {
            color: #fff;
        }
        .contact-form-panel h2 {
            white-space: nowrap;
            font-size: clamp(28px, 4.8vw, 40px) !important;
        }
        .contact-form-panel p {
            color: rgba(255, 255, 255, 0.72);
        }
        .contact-form-panel label {
            color: rgba(255, 255, 255, 0.78);
        }
        .contact-form-panel label span {
            color: rgba(255, 255, 255, 0.9);
        }
        .contact-form-panel input,
        .contact-form-panel select {
            height: 48px;
            color: #111827;
            background: rgba(255, 255, 255, 0.96);
            border-color: rgba(255, 255, 255, 0.72);
            border-radius: var(--contact-radius-field);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
        }
        .contact-form-panel select {
            border-radius: var(--contact-radius-dropdown);
        }
        .contact-form-panel textarea {
            min-height: 96px;
            color: #111827;
            background: rgba(255, 255, 255, 0.96);
            border-color: rgba(255, 255, 255, 0.72);
            border-radius: var(--contact-radius-field);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
        }
        .contact-form-panel input::placeholder,
        .contact-form-panel textarea::placeholder {
            color: rgba(17, 24, 39, 0.34);
        }
        .contact-form-panel input:focus,
        .contact-form-panel textarea:focus,
        .contact-form-panel select:focus {
            color: #111827;
            background: #fff;
            border-color: rgba(255, 255, 255, 0.95);
            box-shadow:
                0 0 0 3px rgba(255, 255, 255, 0.22),
                0 10px 28px rgba(0, 0, 0, 0.12);
            outline: none;
        }
        .contact-form-panel select option {
            color: #111;
            background: #fff;
        }
        .contact-form-panel select + div .material-symbols-outlined {
            color: rgba(255, 255, 255, 0.78);
        }
        .contact-form-panel .contact-submit-button {
            height: 54px;
            color: #075bbb;
            background: #fff;
            border-radius: var(--contact-radius-button);
            box-shadow: 0 18px 44px rgba(0, 0, 0, 0.16);
        }
        .contact-form-panel .contact-submit-button:hover {
            color: #034a9b;
            background: #f3f8ff;
            transform: translateY(-2px);
            box-shadow: 0 20px 46px rgba(0, 0, 0, 0.18);
        }
        .contact-form-field {
            display: flex;
            flex-direction: column;
            gap: 7px;
        }
        .contact-form-field label {
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 0.04em;
        }
        .contact-error-message {
            min-height: 0;
            margin: 0;
            color: rgba(255, 255, 255, 0.86);
            font-size: 12px;
            line-height: 1.35;
        }
        .contact-form-panel input[aria-invalid="true"] {
            box-shadow:
                0 0 0 3px rgba(255, 255, 255, 0.24),
                0 8px 24px rgba(0, 0, 0, 0.12);
        }
        .contact-left-title {
            margin: 0;
            color: rgba(0, 0, 0, 0.72);
            font-size: clamp(56px, 5vw, 86px);
            font-weight: 200;
            line-height: 1.05;
            letter-spacing: -0.06em;
            -webkit-font-smoothing: antialiased;
            text-rendering: geometricPrecision;
        }
        .contact-left-desc {
            max-width: 720px;
            margin-top: 32px;
            color: rgba(0, 0, 0, 0.54);
            font-size: clamp(18px, 1.35vw, 21px);
            font-weight: 300;
            line-height: 1.82;
            letter-spacing: -0.015em;
        }
        .contact-info-list {
            max-width: 560px;
            margin-top: 24px;
            border-top: 1px solid rgba(0, 0, 0, 0.08);
        }
        .contact-info-row {
            display: grid;
            grid-template-columns: 96px minmax(0, 1fr);
            gap: 28px;
            padding: 22px 0;
            border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        }
        .contact-info-label {
            padding-top: 2px;
            color: rgba(0, 0, 0, 0.42);
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 0.08em;
        }
        .contact-info-row strong,
        .contact-info-row p {
            margin: 0;
            color: rgba(0, 0, 0, 0.78);
            font-size: 17px;
            font-weight: 400;
            line-height: 1.65;
        }
        .contact-info-row strong {
            font-weight: 500;
        }
        .contact-order-highlight {
            color: #d7001a;
            font-weight: 500;
        }
        @media (max-width: 640px) {
            .contact-form-panel {
                padding: 30px 24px;
            }
            .contact-form-header {
                align-items: center;
            }
            .contact-form-intro {
                max-width: 58%;
                white-space: nowrap;
                text-align: right;
            }
            .contact-form-grid {
                grid-template-columns: 1fr;
            }
            .contact-info-row {
                grid-template-columns: 1fr;
                gap: 6px;
                padding: 18px 0;
            }
        }