.contact-page{padding:120px 0 0;max-width:1200px;margin:0 auto;font-family:var(--Font-Secondary, "Inter", sans-serif);background:linear-gradient(180deg,#f0f2ff,#f7f8ff 30%,#fff);min-height:calc(100vh - 120px)}.contact-page .contact-hero{position:relative;text-align:center;padding:64px 24px 56px;background:linear-gradient(135deg,var(--header-background, #030735) 0%,#0d1140 40%,var(--Primary, #3147ff) 100%);border-radius:0 0 24px 24px;overflow:hidden;box-shadow:0 20px 60px #3147ff40}.contact-page .contact-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.6;pointer-events:none}.contact-page .contact-hero .contact-hero-badge{display:inline-block;padding:8px 18px;margin-bottom:16px;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#fffffff2;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:50px;font-family:var(--Font-Primary, "Poppins", sans-serif);position:relative;z-index:1}.contact-page .contact-hero h1{position:relative;z-index:1;font-size:clamp(2rem,5vw,3rem);margin-bottom:12px;color:#fff;font-weight:700;font-family:var(--Font-Primary, "Poppins", sans-serif);letter-spacing:-.02em;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.15)}.contact-page .contact-hero p{position:relative;z-index:1;margin-top:8px;color:#ffffffeb;font-size:clamp(1rem,2vw,1.2rem);font-family:var(--Font-Secondary, "Inter", sans-serif)}.contact-page .contact-content{padding:48px 24px 64px;display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 992px){.contact-page .contact-content{grid-template-columns:1fr 1fr;align-items:start;gap:40px}}.contact-page .contact-form-card{background:#fff;padding:32px 28px;border-radius:16px;box-shadow:0 4px 24px #0000000f,0 2px 8px #3147ff0a;border:1px solid rgba(49,71,255,.08);border-left:4px solid var(--Primary, #3147ff);transition:transform .25s ease,box-shadow .25s ease}.contact-page .contact-form-card:hover{box-shadow:0 12px 40px #00000014,0 4px 16px #3147ff14}.contact-page .contact-form-card h2{font-size:clamp(1.35rem,2.5vw,1.65rem);margin-bottom:24px;color:var(--Heading, #161616);font-weight:600;font-family:var(--Font-Primary, "Poppins", sans-serif);letter-spacing:-.02em}.contact-page .contact-form .form-group{margin-bottom:20px}.contact-page .contact-form label{display:block;margin-bottom:8px;font-size:.95rem;font-weight:500;color:var(--Heading, #161616);font-family:var(--Font-Secondary, "Inter", sans-serif)}.contact-page .contact-form input,.contact-page .contact-form textarea{width:100%;padding:14px 18px;border:1px solid #e2e6ee;border-radius:12px;font-size:1rem;font-family:var(--Font-Secondary, "Inter", sans-serif);color:var(--Text, #49515b);background:#fafbfc;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.contact-page .contact-form input:hover,.contact-page .contact-form textarea:hover{border-color:#c5cad4}.contact-page .contact-form input:focus,.contact-page .contact-form textarea:focus{outline:none;border-color:var(--Primary, #3147ff);box-shadow:0 0 0 3px #3147ff1f;background:#fff}.contact-page .contact-form textarea{min-height:150px;resize:vertical}.contact-page .contact-form .btn-submit{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--header-background, #030735) 0%,var(--Primary, #3147ff) 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:var(--Font-Primary, "Poppins", sans-serif);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 4px 16px #3147ff4d}.contact-page .contact-form .btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #3147ff59;opacity:.98}.contact-page .contact-form .btn-submit:disabled{opacity:.75;cursor:not-allowed;transform:none}.contact-page .contact-form .message{margin-top:16px;padding:14px 18px;border-radius:12px;font-size:.95rem;font-family:var(--Font-Secondary, "Inter", sans-serif)}.contact-page .contact-form .message.success{background:#1987541a;color:#0a3622;border:1px solid rgba(25,135,84,.25)}.contact-page .contact-form .message.error{background:#dc354514;color:#842029;border:1px solid rgba(220,53,69,.2)}.contact-page .contact-info-card{background:#fff;padding:32px 28px;border-radius:16px;box-shadow:0 4px 24px #0000000f,0 2px 8px #3147ff0a;border:1px solid rgba(49,71,255,.08);border-left:4px solid var(--Primary, #3147ff);transition:transform .25s ease,box-shadow .25s ease}.contact-page .contact-info-card:hover{box-shadow:0 12px 40px #00000014,0 4px 16px #3147ff14}.contact-page .contact-info-card h2{font-size:clamp(1.35rem,2.5vw,1.65rem);margin-bottom:22px;color:var(--Heading, #161616);font-weight:600;font-family:var(--Font-Primary, "Poppins", sans-serif);letter-spacing:-.02em}.contact-page .contact-info-card p{font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.75;color:var(--Text, #49515b);font-family:var(--Font-Secondary, "Inter", sans-serif);margin-bottom:14px}.contact-page .contact-info-card a{color:#2563eb;text-decoration:none;font-weight:500;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.contact-page .contact-info-card a:hover{color:#1d4ed8;text-decoration:underline}.contact-page .contact-info-card .contact-info-label{margin-bottom:4px;font-weight:600;color:var(--Heading, #161616);font-size:.95rem}.contact-page .contact-info-card .contact-email-chip{display:inline-block;margin-top:8px;margin-bottom:16px;padding:12px 18px;background:linear-gradient(135deg,#2563eb14,#3147ff0d);color:#1d4ed8;font-weight:600;font-size:.98rem;border-radius:10px;border:1px solid rgba(37,99,235,.18);text-decoration:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.contact-page .contact-info-card .contact-email-chip:hover{background:#2563eb1a;border-color:#2563eb4d;box-shadow:0 2px 8px #2563eb1f;text-decoration:none;color:#1d4ed8}@media (max-width: 768px){.contact-page{padding-top:100px}.contact-page .contact-hero{padding:48px 20px 44px;border-radius:0 0 20px 20px}.contact-page .contact-hero .contact-hero-badge{padding:6px 14px;font-size:.75rem;margin-bottom:12px}.contact-page .contact-content{padding:32px 16px 48px;gap:24px}.contact-page .contact-form-card,.contact-page .contact-info-card{padding:24px 20px;border-left-width:4px;border-radius:14px}}