.contact-page{background:#080d1a;min-height:100vh;padding:120px 24px 100px;position:relative;overflow:hidden}.contact-bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#38bdf808 1px,#0000 1px),linear-gradient(90deg,#38bdf808 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.contact-bg-glow{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.contact-bg-glow--1{background:radial-gradient(circle,#38bdf817 0%,#0000 70%);width:600px;height:600px;top:-150px;right:-100px}.contact-bg-glow--2{background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:500px;height:500px;bottom:-100px;left:-100px}.contact-wrapper{z-index:2;flex-direction:column;gap:56px;max-width:1200px;margin:0 auto;display:flex;position:relative}.contact-header{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.contact-label{color:#38bdf8;letter-spacing:.06em;text-transform:uppercase;background:#38bdf814;border:1px solid #38bdf833;border-radius:100px;align-items:center;gap:8px;padding:7px 16px;font-size:.75rem;font-weight:600;display:inline-flex}.contact-label-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite contactPulse;box-shadow:0 0 6px #38bdf8}@keyframes contactPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.contact-title{color:#f8fafc;letter-spacing:-.03em;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.1}.contact-title-accent{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.contact-subtitle{color:#64748b;max-width:520px;font-size:1rem;line-height:1.75}.contact-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:32px;display:grid}.contact-info-col{flex-direction:column;gap:24px;display:flex}.contact-info-cards{flex-direction:column;gap:12px;display:flex}.contact-info-card{cursor:default;background:#0d1426;border:1px solid #ffffff0d;border-radius:14px;align-items:flex-start;gap:16px;padding:18px 20px;transition:all .3s;display:flex}.contact-info-card:hover{border-color:var(--accent,#38bdf8);background:#ffffff08;transform:translate(4px)}.contact-info-icon{width:42px;height:42px;color:var(--accent,#38bdf8);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:all .3s;display:flex}.contact-info-card:hover .contact-info-icon{background:var(--accent,#38bdf8);color:#0a0f1e;border-color:var(--accent,#38bdf8)}.contact-info-text{flex-direction:column;gap:2px;display:flex}.contact-info-label{color:var(--accent,#38bdf8);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.contact-info-value{color:#e2e8f0;font-size:.9rem;font-weight:700}.contact-info-sub{color:#475569;font-size:.75rem}.contact-socials{background:#0d1426;border:1px solid #ffffff0d;border-radius:14px;flex-direction:column;gap:12px;padding:20px;display:flex}.contact-socials-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.contact-socials-row{gap:10px;display:flex}.contact-social-btn{color:#64748b;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;text-decoration:none;transition:all .25s;display:flex}.contact-social-btn:hover{color:#0a0f1e;background:#38bdf8;border-color:#38bdf8;transform:translateY(-3px)}.contact-map{background:#0d1426;border:1px solid #ffffff0d;border-radius:14px;overflow:hidden}.contact-map-inner{background:radial-gradient(circle,#38bdf80f 0%,#0000 70%),repeating-linear-gradient(0deg,#0000,#0000 29px,#38bdf80a 29px 30px),repeating-linear-gradient(90deg,#0000,#0000 29px,#38bdf80a 29px 30px);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:160px;display:flex}.contact-map-pin{color:#38bdf8;filter:drop-shadow(0 0 12px #38bdf880);font-size:1.8rem;animation:2s ease-in-out infinite mapPinBounce}@keyframes mapPinBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.contact-map-inner p{color:#64748b;font-size:.85rem;font-weight:500}.contact-map-link{color:#38bdf8;border-bottom:1px solid #38bdf84d;padding-bottom:1px;font-size:.75rem;text-decoration:none;transition:border-color .2s}.contact-map-link:hover{border-color:#38bdf8}.contact-form-card{background:#0d1426;border:1px solid #ffffff0f;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff05,0 32px 80px #0006}.contact-form-card:before{content:"";background:linear-gradient(90deg,#0000,#38bdf866,#0000);height:1px;position:absolute;top:0;left:0;right:0}.contact-form-header{margin-bottom:28px;padding:32px 36px 0}.contact-form-header h2{color:#f1f5f9;letter-spacing:-.02em;margin-bottom:6px;font-size:1.3rem;font-weight:800}.contact-form-header p{color:#64748b;font-size:.85rem}.contact-form{padding:0 36px 36px}.contact-fields{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;display:grid}.contact-field{flex-direction:column;gap:7px;display:flex}.contact-field--full{grid-column:1/-1}.contact-field label{color:#94a3b8;letter-spacing:.03em;font-size:.78rem;font-weight:600}.contact-field label span{color:#38bdf8;margin-left:2px}.contact-field input,.contact-field select,.contact-field textarea{color:#f1f5f9;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:12px 15px;font-family:inherit;font-size:.88rem;transition:all .25s}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#334155}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{background:#38bdf80a;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.contact-field select option{color:#f1f5f9;background:#0d1426}.contact-field textarea{resize:vertical;min-height:120px}.field-error{background:#ef44440d!important;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.field-error-msg{color:#ef4444;margin-top:2px;font-size:.72rem}.contact-submit-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 28px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 8px 24px #38bdf840}.contact-submit-btn:hover{gap:14px;transform:translateY(-2px);box-shadow:0 16px 40px #38bdf866}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-success{text-align:center;background:#080d1a;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:40px 24px;display:flex}.contact-success-icon{font-size:4rem;animation:.5s cubic-bezier(.34,1.56,.64,1) both successPop}@keyframes successPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.contact-success h1{color:#f8fafc;letter-spacing:-.03em;font-size:2.2rem;font-weight:900}.contact-success p{color:#64748b;max-width:400px;font-size:1rem;line-height:1.7}.contact-success-btn{color:#fff;background:linear-gradient(135deg,#38bdf8,#6366f1);border-radius:10px;align-items:center;padding:13px 28px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 24px #38bdf840}.contact-success-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px #38bdf866}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr}.contact-info-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-info-cards{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.contact-socials{grid-column:1}.contact-map{grid-column:2}}@media (max-width:640px){.contact-page{padding:100px 16px 80px}.contact-info-col,.contact-info-cards{grid-template-columns:1fr}.contact-socials,.contact-map{grid-column:1}.contact-fields{grid-template-columns:1fr}.contact-field--full{grid-column:1}.contact-form-header,.contact-form{padding-left:20px;padding-right:20px}}