.contact-page{background:var(--background);z-index:1;min-height:100vh;padding-top:180px;padding-bottom:80px;position:relative}@media (max-width:991px){.contact-page{padding-top:150px}}.contact-page .contact-header{text-align:center;margin-bottom:60px}.contact-page .contact-header .badge-wrap{margin-bottom:15px}.contact-page .contact-header .title{color:var(--primary);margin-bottom:15px;font-size:48px;font-weight:800}.contact-page .contact-header .title span{background:var(--gradient-brand);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.contact-page .contact-header .subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:18px}.contact-page .section-title-main{margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.2}@media (max-width:991px){.contact-page .section-title-main{font-size:28px}}.contact-page .section-title-main .text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.contact-page .contect-discription{max-width:750px;color:var(--muted-foreground);margin:0 auto;font-size:18px}@media (max-width:991px){.contact-page .contect-discription{font-size:14px}}.contact-page .contact-content{grid-template-columns:1.2fr .8fr;gap:40px;display:grid}@media (max-width:991px){.contact-page .contact-content{grid-template-columns:1fr}}.contact-page .contact-form-card{background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:var(--shadow-glow-brand);border-radius:24px;padding:40px;transition:all .4s cubic-bezier(.165,.84,.44,1)}@media (max-width:991px){.contact-page .contact-form-card{border-radius:20px;margin-bottom:20px;padding:20px}}.contact-page .contact-form-card .form-button-main{flex-direction:column;justify-content:center;align-items:center;display:flex}.contact-page .contact-form-card{cursor:default;box-shadow:var(--card-hover-shadow);position:relative;overflow:hidden}.contact-page .contact-form-card .form-group{margin-bottom:25px}.contact-page .contact-form-card .form-group label{color:var(--primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.contact-page .contact-form-card .form-group input,.contact-page .contact-form-card .form-group textarea,.contact-page .contact-form-card .form-group select{border:1px solid var(--border);background:var(--navy-800);width:100%;color:var(--foreground);border-radius:12px;padding:14px 20px;font-size:15px;transition:all .3s}.contact-page .contact-form-card .form-group input:focus,.contact-page .contact-form-card .form-group textarea:focus,.contact-page .contact-form-card .form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--color-ice-cyan);outline:none}.contact-page .contact-form-card .form-group input.is-invalid,.contact-page .contact-form-card .form-group textarea.is-invalid,.contact-page .contact-form-card .form-group select.is-invalid{border-color:#ff4d4f}.contact-page .contact-form-card .form-group input.is-invalid:focus,.contact-page .contact-form-card .form-group textarea.is-invalid:focus,.contact-page .contact-form-card .form-group select.is-invalid:focus{box-shadow:0 0 0 4px #ff4d4f1a}.contact-page .contact-form-card .form-group input::placeholder,.contact-page .contact-form-card .form-group textarea::placeholder,.contact-page .contact-form-card .form-group select::placeholder{color:var(--muted-foreground);opacity:.8}.contact-page .contact-form-card .form-group .error-message{color:#ff4d4f;margin-top:5px;font-size:12px;font-weight:500;animation:.3s fadeIn;display:block}.contact-page .contact-form-card .form-group textarea{resize:vertical;min-height:150px}.contact-page .contact-form-card .form-button-main{margin-top:10px}.contact-page .contact-info-wrap{flex-direction:column;gap:30px;display:flex}.contact-page .contact-info-wrap .info-card{background:var(--card);border:1px solid var(--border);cursor:default;height:100%;box-shadow:var(--shadow-card);border-radius:24px;flex-direction:row;gap:20px;padding:24px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.contact-page .contact-info-wrap .info-card:hover{box-shadow:var(--card-hover-shadow);transform:translate(10px)}.contact-page .contact-info-wrap .info-card .icon-box{background:var(--color-ice-cyan);width:50px;height:50px;color:var(--primary);border:1px solid #34b2a733;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.contact-page .contact-info-wrap .info-card .info-details h4{color:var(--primary);margin-bottom:5px;font-size:18px;font-weight:700}.contact-page .contact-info-wrap .info-card .info-details a{color:var(--text-muted);font-size:15px;line-height:1.6;text-decoration:none}.contact-page .contact-info-wrap .info-card .info-details p{color:var(--text-muted);margin-bottom:0;font-size:15px;line-height:1.6;text-decoration:none}.contact-page .contact-info-wrap .info-card .info-details a:hover{color:var(--secondary)}.contact-page .contact-info-wrap .social-wrap{margin-top:10px}.contact-page .contact-info-wrap .social-wrap h4{color:var(--primary);margin-bottom:20px;font-size:18px;font-weight:700}.contact-page .contact-info-wrap .social-wrap .social-links{gap:15px;display:flex}.contact-page .contact-info-wrap .social-wrap .social-links .social-link{width:45px;height:45px;color:var(--primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.contact-page .contact-info-wrap .social-wrap .social-links .social-link:hover{background:var(--primary);color:var(--secondary);border-color:var(--primary);transform:translateY(-5px)}.contact-page .thank-you-popup-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#030a19b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.contact-page .thank-you-popup{text-align:center;background:linear-gradient(135deg,#00ecff1f,#167cf82e);border:1px solid #91e9ff4d;border-radius:22px;width:min(480px,100%);padding:26px 24px;position:relative;box-shadow:0 22px 60px #0006}.contact-page .thank-you-popup h3{color:var(--primary);margin-bottom:12px;font-size:30px;font-weight:800}@media (max-width:767px){.contact-page .thank-you-popup h3{font-size:24px}}.contact-page .thank-you-popup p{color:var(--foreground);margin-bottom:18px;line-height:1.6}.contact-page .close-popup-button{width:34px;height:34px;color:var(--foreground);background:#ffffff0f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.contact-page .close-popup-button:hover{background:#ffffff24;transform:scale(1.05)}.contact-page .thank-you-icon{color:#66f8f6;background:#00ecff1a;border:1px solid #00ecff4d;border-radius:50%;place-items:center;width:64px;height:64px;margin:4px auto 12px;font-size:42px;display:grid}.contact-page .popup-action{justify-content:center;display:flex}.bg-decor{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bg-decor .circle{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.bg-decor .circle-1{background:var(--accent);width:600px;height:600px;top:-10%;right:-5%}.bg-decor .circle-2{background:var(--color-sky-cyan);width:400px;height:400px;bottom:10%;left:-5%}
