.contact-page-wrapper{background-color:#f8fafc;min-height:100vh;font-family:Inter,sans-serif}.contact-hero{text-align:center;background-color:#0f172a;height:312px;padding:87px 20px 0;position:relative}.contact-hero-content{max-width:1280px;height:100%;margin:0 auto;position:relative}.contact-hero-title{color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:3rem;font-weight:800}.text-cyan{color:#00b4d8}.contact-hero-subtitle{color:#94a3b8;max-width:600px;margin:0 auto 50px;font-size:1.1rem;line-height:1.6}.contact-tabs{justify-content:center;gap:16px;max-width:1152px;margin:0 auto;padding:0 16px;display:flex;position:absolute;bottom:-40px;left:0;right:0}.contact-tab{cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 16px;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.contact-tab:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.contact-tab.active{background:#f0fdfa;border-color:#00b4d8;box-shadow:0 0 0 1px #00b4d8}.tab-title{color:#0f172a;margin-bottom:6px;font-size:1.05rem;font-weight:700}.tab-subtitle{text-transform:uppercase;color:#f59e0b;letter-spacing:.05em;font-size:.75rem;font-weight:700}.contact-main{padding-top:100px;padding-bottom:80px}.contact-container{gap:32px;max-width:1152px;margin:0 auto;padding:0 16px;display:flex}.contact-form-section{background:#fff;border-radius:20px;flex:2;padding:40px;box-shadow:0 10px 25px -5px #0000000d}.form-header{margin-bottom:32px}.form-header h2{color:#0f172a;margin-bottom:8px;font-size:1.8rem;font-weight:800}.form-header p{color:#64748b;font-size:.95rem}.contact-form{flex-direction:column;gap:24px;display:flex}.form-row{gap:24px;display:flex}.form-group{flex-direction:column;flex:1;gap:8px;display:flex}.form-group.full-width{flex:100%}.form-group label{color:#0f172a;font-size:.85rem;font-weight:600}.form-group input,.form-group textarea{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s,background-color .2s}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#00b4d8;outline:none;box-shadow:0 0 0 3px #00b4d81a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{color:#fff;cursor:pointer;background-color:#00b4d8;border:none;border-radius:8px;margin-top:8px;padding:16px;font-size:1.05rem;font-weight:700;transition:background-color .2s,transform .1s}.submit-btn:hover{background-color:#0096b4}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{cursor:not-allowed;background-color:#94a3b8;transform:none}.success-banner{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:24px;padding:16px;font-weight:600}.contact-sidebar{flex-direction:column;flex:1;gap:24px;display:flex}.sidebar-card{border-radius:20px;padding:32px}.dark-card{color:#fff;background-color:#0f172a}.sidebar-card-title{color:#00b4d8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;font-size:.8rem;font-weight:700}.contact-info-list{flex-direction:column;gap:24px;display:flex}.contact-info-item{align-items:flex-start;gap:16px;display:flex}.contact-icon{color:#00b4d8;margin-top:2px}.contact-info-item h4{margin-bottom:4px;font-size:1rem;font-weight:600}.contact-info-item p{color:#94a3b8;font-size:.85rem}.light-card{background-color:#fdf8f3;border:1px solid #faead6}.light-card-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.clock-icon{color:#0f172a}.light-card h4{color:#0f172a;font-size:1rem;font-weight:700}.light-card p{color:#64748b;font-size:.9rem;line-height:1.6}.contact-bottom{text-align:center;margin-top:80px;padding:0 20px}.contact-bottom h3{color:#0f172a;margin-bottom:12px;font-size:1.5rem;font-weight:800}.contact-bottom p{color:#64748b;max-width:600px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:1rem}.help-center-btn{color:#fff;background-color:#00b4d8;border-radius:30px;padding:12px 28px;font-weight:700;text-decoration:none;transition:background-color .2s;display:inline-block}.help-center-btn:hover{background-color:#0096b4}@media (max-width:1024px){.contact-container{flex-direction:column}.contact-tabs{flex-wrap:wrap;margin-top:40px;position:relative;bottom:auto}.contact-tab{flex:calc(50% - 16px)}.contact-hero{height:auto;padding-bottom:40px}.contact-main{padding-top:40px}}@media (max-width:640px){.form-row{flex-direction:column;gap:24px}.contact-tab{flex:100%}.contact-hero-title{font-size:2.2rem}}