.contact-page .container{max-width:1200px;margin:0 auto;padding:0 24px}.contact-page .section-tag{display:inline-block;background:linear-gradient(135deg,#f5842b,#d9541e);color:#0f0e0c;padding:6px 18px;border-radius:20px;font-size:.85rem;font-weight:var(--font-semibold);letter-spacing:.5px;margin-bottom:14px;text-transform:uppercase}.contact-page .section-header{text-align:center;margin-bottom:56px}.contact-page .section-header h2{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-bold);margin-bottom:14px;color:var(--text-primary)}.contact-page .section-header p{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto}.contact-page .contact-hero{position:relative;padding:180px 0 100px;overflow:hidden;text-align:center;color:var(--text-primary)}.contact-page .contact-hero .hero-bg{position:absolute;inset:0;background:var(--bg-primary);z-index:0}.contact-page .contact-hero .hero-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(245,132,43,.07) 1px,transparent 0);background-size:32px 32px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 100%);z-index:1}.contact-page .contact-hero .hero-bg .hero-shapes{position:absolute;inset:0;pointer-events:none}.contact-page .contact-hero .hero-bg .hero-shapes .shape{position:absolute;border-radius:50%;filter:blur(60px);animation:floatShape 20s ease-in-out infinite}.contact-page .contact-hero .hero-bg .hero-shapes .shape-1{width:300px;height:300px;background:rgba(245,132,43,.12);top:-60px;right:-40px;animation-duration:18s}.contact-page .contact-hero .hero-bg .hero-shapes .shape-2{width:200px;height:200px;background:rgba(217,84,30,.1);bottom:10%;left:-30px;animation-delay:-8s;animation-duration:22s}.contact-page .contact-hero .hero-content{position:relative;z-index:2;max-width:700px;margin:0 auto}.contact-page .contact-hero .hero-content .hero-badge{display:inline-block;background:rgba(245,132,43,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(245,132,43,.2);padding:8px 22px;border-radius:50px;font-size:.88rem;font-weight:var(--font-medium);margin-bottom:22px;color:var(--accent-primary)}.contact-page .contact-hero .hero-content h1{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-extrabold);margin-bottom:18px;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.contact-page .contact-hero .hero-content .hero-subtitle{font-size:1.15rem;color:var(--text-secondary);margin-bottom:32px;line-height:var(--leading-relaxed)}.contact-page .contact-hero .hero-content .hero-features{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.contact-page .contact-hero .hero-content .hero-features .feature-pill{display:flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(245,132,43,.06);border-radius:50px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(245,132,43,.12);font-size:.88rem;font-weight:var(--font-medium);color:var(--text-secondary);transition:border-color .3s ease,background .3s ease}.contact-page .contact-hero .hero-content .hero-features .feature-pill:hover{border-color:rgba(245,132,43,.3);background:rgba(245,132,43,.1)}.contact-page .contact-hero .hero-content .hero-features .feature-pill svg{width:16px;height:16px;color:var(--accent-primary)}.contact-page .form-section{padding:100px 0;background:var(--bg-primary)}.contact-page .form-section .form-layout{display:grid;grid-template-columns:320px 1fr;grid-gap:48px;gap:48px;align-items:start}.contact-page .form-section .form-layout .form-sidebar{position:-webkit-sticky;position:sticky;top:120px}.contact-page .form-section .form-layout .form-sidebar h2{font-family:var(--font-heading);font-size:2rem;font-weight:var(--font-bold);margin-bottom:14px;color:var(--text-primary)}.contact-page .form-section .form-layout .form-sidebar>p{color:var(--text-muted);margin-bottom:28px;line-height:var(--leading-relaxed);font-size:.98rem}.contact-page .form-section .form-layout .form-sidebar .sidebar-info{display:flex;flex-direction:column;gap:16px}.contact-page .form-section .form-layout .form-sidebar .sidebar-info .info-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-secondary);border-radius:14px;border:1px solid var(--border-color)}.contact-page .form-section .form-layout .form-sidebar .sidebar-info .info-item svg{width:20px;height:20px;color:var(--accent-primary);flex-shrink:0}.contact-page .form-section .form-layout .form-sidebar .sidebar-info .info-item span{color:var(--text-secondary);font-size:.92rem;font-weight:var(--font-medium)}.contact-page .form-section .form-layout .contact-form{background:var(--card-bg);padding:40px;border-radius:20px;box-shadow:0 4px 24px var(--card-shadow);border:1px solid var(--border-color);border-top:2px solid var(--accent-primary)}.contact-page .form-section .form-layout .contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-bottom:4px}.contact-page .form-section .form-layout .contact-form .form-group{margin-bottom:22px}.contact-page .form-section .form-layout .contact-form .form-group label{display:block;margin-bottom:7px;font-weight:var(--font-semibold);color:var(--text-primary);font-size:.92rem}.contact-page .form-section .form-layout .contact-form .form-group input,.contact-page .form-section .form-layout .contact-form .form-group select,.contact-page .form-section .form-layout .contact-form .form-group textarea{width:100%;padding:13px 16px;border:2px solid var(--border-color);border-radius:12px;font-size:.95rem;font-family:var(--font-body);transition:all .25s ease;background:var(--bg-primary);color:var(--text-primary)}.contact-page .form-section .form-layout .contact-form .form-group input:focus,.contact-page .form-section .form-layout .contact-form .form-group select:focus,.contact-page .form-section .form-layout .contact-form .form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(245,132,43,.12)}.contact-page .form-section .form-layout .contact-form .form-group input::placeholder,.contact-page .form-section .form-layout .contact-form .form-group select::placeholder,.contact-page .form-section .form-layout .contact-form .form-group textarea::placeholder{color:var(--text-muted);opacity:.7}.contact-page .form-section .form-layout .contact-form .form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.contact-page .form-section .form-layout .contact-form .form-group textarea{resize:vertical;min-height:110px}.contact-page .form-section .form-layout .contact-form .form-group .phone-input-wrapper{display:flex;align-items:center;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);transition:all .25s ease}.contact-page .form-section .form-layout .contact-form .form-group .phone-input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(245,132,43,.12)}.contact-page .form-section .form-layout .contact-form .form-group .phone-input-wrapper .country-code{padding:13px 10px 13px 14px;background:var(--bg-secondary);color:var(--text-secondary);font-weight:var(--font-semibold);font-size:.95rem;border-right:1px solid var(--border-color);border-radius:10px 0 0 10px}.contact-page .form-section .form-layout .contact-form .form-group .phone-input-wrapper input{border:none;border-radius:0 10px 10px 0;padding-left:12px;background:rgba(0,0,0,0)}.contact-page .form-section .form-layout .contact-form .form-group .phone-input-wrapper input:focus{box-shadow:none}.contact-page .form-section .form-layout .contact-form .form-group .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:var(--font-normal);color:var(--text-secondary);font-size:.92rem}.contact-page .form-section .form-layout .contact-form .form-group .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.contact-page .form-section .form-layout .contact-form .form-group .checkbox-label .custom-check{display:none}.contact-page .form-section .form-layout .contact-form .form-message{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;margin-bottom:18px;font-weight:var(--font-medium);font-size:.92rem}.contact-page .form-section .form-layout .contact-form .form-message svg{width:20px;height:20px;flex-shrink:0}.contact-page .form-section .form-layout .contact-form .form-message.success{background:rgba(72,187,120,.1);color:#2f855a;border:1px solid rgba(72,187,120,.25)}.contact-page .form-section .form-layout .contact-form .form-message.error{background:rgba(245,101,101,.1);color:#c53030;border:1px solid rgba(245,101,101,.25)}.contact-page .form-section .form-layout .contact-form .submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#f5842b,#d9541e);color:#0f0e0c;border:none;border-radius:50px;font-size:1.05rem;font-weight:var(--font-semibold);font-family:var(--font-heading);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.contact-page .form-section .form-layout .contact-form .submit-btn svg{width:18px;height:18px}.contact-page .form-section .form-layout .contact-form .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px rgba(245,132,43,.25)}.contact-page .form-section .form-layout .contact-form .submit-btn:disabled{opacity:.65;cursor:not-allowed}.contact-page .form-section .form-layout .contact-form .submit-btn .spinner{animation:spin 1s linear infinite}.contact-page .faq-section{padding:100px 0;background:var(--bg-secondary)}.contact-page .faq-section .faq-list{max-width:780px;margin:0 auto}.contact-page .faq-section .faq-list .faq-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:14px;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease}.contact-page .faq-section .faq-list .faq-item:hover{box-shadow:0 4px 18px var(--card-shadow)}.contact-page .faq-section .faq-list .faq-item.active{border-color:rgba(245,132,43,.3);box-shadow:0 4px 20px rgba(245,132,43,.08)}.contact-page .faq-section .faq-list .faq-item .faq-question{width:100%;padding:22px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,0);border:none;font-family:var(--font-body);text-align:left}.contact-page .faq-section .faq-list .faq-item .faq-question h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.contact-page .faq-section .faq-list .faq-item .faq-question .faq-chevron{width:20px;height:20px;color:var(--accent-primary);transition:transform .3s ease;flex-shrink:0;margin-left:16px}.contact-page .faq-section .faq-list .faq-item.active .faq-question .faq-chevron{transform:rotate(180deg)}.contact-page .faq-section .faq-list .faq-item .faq-answer{overflow:hidden;padding:0 24px}.contact-page .faq-section .faq-list .faq-item .faq-answer p{color:var(--text-muted);line-height:var(--leading-relaxed);padding-bottom:22px;font-size:.95rem;margin:0}.contact-page .cta-section{padding:100px 0;background:var(--bg-secondary);color:var(--text-primary);text-align:center;position:relative;overflow:hidden}.contact-page .cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(245,132,43,.06) 0,transparent 50%),radial-gradient(circle at 70% 50%,rgba(217,84,30,.04) 0,transparent 50%)}.contact-page .cta-section:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(245,132,43,.04) 1px,transparent 0);background-size:28px 28px;pointer-events:none}.contact-page .cta-section .cta-content{max-width:600px;margin:0 auto;position:relative;z-index:1}.contact-page .cta-section .cta-content h2{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.8rem);font-weight:var(--font-bold);margin-bottom:14px;color:var(--text-primary)}.contact-page .cta-section .cta-content p{font-size:1.1rem;margin-bottom:32px;color:var(--text-secondary)}.contact-page .cta-section .cta-content .cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.contact-page .cta-section .cta-content .cta-actions .cta-button{padding:15px 32px;border:none;border-radius:50px;font-size:1rem;font-weight:var(--font-semibold);cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.contact-page .cta-section .cta-content .cta-actions .cta-button svg{width:18px;height:18px}.contact-page .cta-section .cta-content .cta-actions .cta-button.primary{background:linear-gradient(135deg,#f5842b,#d9541e);color:#0f0e0c;box-shadow:0 4px 16px rgba(245,132,43,.2)}.contact-page .cta-section .cta-content .cta-actions .cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(245,132,43,.3)}.contact-page .cta-section .cta-content .cta-actions .cta-button.secondary{background:rgba(0,0,0,0);color:var(--text-primary);border:2px solid rgba(245,132,43,.3)}.contact-page .cta-section .cta-content .cta-actions .cta-button.secondary:hover{border-color:var(--accent-primary);background:rgba(245,132,43,.06);transform:translateY(-3px)}@media(max-width:768px){.contact-page .contact-hero{padding:140px 0 72px}.contact-page .contact-hero .hero-content .hero-features{flex-direction:column;align-items:center;gap:10px}.contact-page .form-section{padding:72px 0}.contact-page .form-section .form-layout{grid-template-columns:1fr;gap:32px}.contact-page .form-section .form-layout .form-sidebar{position:static;text-align:center}.contact-page .form-section .form-layout .form-sidebar .sidebar-info .info-item{justify-content:center}.contact-page .form-section .form-layout .contact-form{padding:28px 20px}.contact-page .form-section .form-layout .contact-form .form-row{grid-template-columns:1fr}.contact-page .cta-section,.contact-page .faq-section{padding:72px 0}.contact-page .cta-section .cta-content .cta-actions{flex-direction:column;align-items:center}}@media(max-width:480px){.contact-page .form-section .form-layout .contact-form{padding:22px 16px}}@keyframes floatShape{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(30px,-40px) rotate(5deg)}50%{transform:translate(-20px,20px) rotate(-3deg)}75%{transform:translate(15px,-15px) rotate(2deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}