.contact-page-wrapper{min-height:100vh;background:linear-gradient(180deg,#fff,#f8fafc 40%,#f1f5f9);color:#0f172a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:var(--page-top) 24px 80px}.contact-container{max-width:1000px;margin:0 auto}.contact-hero{text-align:center;max-width:780px;margin:0 auto 40px}.contact-title{font-size:clamp(2.2rem,3.8vw,3.2rem);font-weight:800;letter-spacing:-.03em;color:#0f172a;margin:0 0 16px;line-height:1.15}.contact-subtitle{font-size:clamp(1rem,1.2vw,1.15rem);color:#475569;line-height:1.6;margin:0}.channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:50px}.channel-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;box-shadow:0 4px 20px #00000008;transition:all .25s cubic-bezier(.16,1,.3,1)}.channel-card:hover{transform:translateY(-6px);border-color:#cbd5e1;box-shadow:0 10px 30px #0000000f}.channel-icon-wrap{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.channel-icon-wrap.whatsapp-icon{background:#25d3661f;color:#16a34a}.channel-icon-wrap.telegram-icon{background:#2aabee1f;color:#0284c7}.channel-icon-wrap.email-icon{background:#9333ea1f;color:#7c3aed}.channel-icon-wrap.phone-icon{background:#0f172a14;color:#0f172a}.channel-info{flex:1;min-width:0}.channel-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;display:inline-block}.channel-tag.green{color:#16a34a}.channel-tag.blue{color:#0284c7}.channel-tag.purple{color:#7c3aed}.channel-tag.dark{color:#475569}.channel-info h3{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-info p{font-size:11px;color:#64748b;margin:0}.channel-arrow{color:#94a3b8;transition:transform .2s,color .2s}.channel-card:hover .channel-arrow{color:#0f172a;transform:translate(3px)}.viewing-booking-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:44px 36px;box-shadow:0 20px 60px #0f172a0f;max-width:760px;margin:0 auto;position:relative}@media(max-width:640px){.viewing-booking-card{padding:28px 18px}}.picker-header-block{text-align:center;margin-bottom:28px}.picker-title{font-size:26px;font-weight:800;color:#0f172a;margin:0 0 8px;letter-spacing:-.02em}.picker-subtitle{font-size:14px;color:#64748b;margin:0}.month-heading-lbl{text-align:center;font-size:11px;font-weight:800;color:#64748b;letter-spacing:1.5px;margin-bottom:14px}.date-nav-ribbon-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:32px}.nav-arrow-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;flex-shrink:0;transition:all .2s ease}.nav-arrow-btn:hover{background:#0f172a;border-color:#0f172a;color:#fff}.date-ribbon-container{display:flex;align-items:center;gap:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:8px 4px;flex:1}.date-ribbon-container::-webkit-scrollbar{display:none}.ribbon-date-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:60px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease;position:relative;padding:0}.ribbon-date-card:hover{background:#f1f5f9;border-color:#cbd5e1}.day-num-text{font-size:20px;font-weight:800;color:#0f172a;line-height:1.1}.day-name-lbl{font-size:10px;font-weight:700;color:#64748b;letter-spacing:.5px;margin-top:2px}.ribbon-date-card.active{background:#10b981;border-color:#10b981;box-shadow:0 6px 20px #10b9814d}.ribbon-date-card.active .day-num-text,.ribbon-date-card.active .day-name-lbl{color:#fff}.active-arrow-pointer{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #10b981}.time-display-selector{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:36px}.time-cycle-arrow{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.time-cycle-arrow:hover{color:#0f172a;background:#f1f5f9}.digital-time-block{display:flex;align-items:baseline;gap:8px}.time-digits{font-size:42px;font-weight:800;color:#0f172a;letter-spacing:-.03em;line-height:1}.time-period-tag{font-size:16px;font-weight:600;color:#64748b;text-transform:lowercase}.consultant-intake-form{display:flex;flex-direction:column;gap:18px;border-top:1px solid #e2e8f0;padding-top:32px}.contact-page-wrapper .form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.contact-page-wrapper .form-grid-2{grid-template-columns:1fr}}.form-field-group{display:flex;flex-direction:column;gap:6px}.form-field-group label{font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.form-field-group input,.form-field-group textarea{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:12px 14px;font-size:14px;color:#0f172a;outline:none;transition:all .2s ease;font-family:inherit}.form-field-group input:focus,.form-field-group textarea:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b9811f}.book-consultation-btn{background:#7c3aed;color:#fff;border:none;border-radius:12px;padding:18px;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 24px #7c3aed4d;margin-top:10px}.book-consultation-btn:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 12px 30px #7c3aed66}.book-consultation-btn:disabled{opacity:.7;cursor:not-allowed}.submission-success-container{text-align:center;padding:20px 10px}.tickmark-circle-wrap{width:80px;height:80px;background:#10b9811a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.animated-tickmark{width:52px;height:52px}.tick-circle,.tick-check{stroke-dasharray:1;stroke-dashoffset:1}.tick-circle{animation:tick-draw .6s ease-out forwards}.tick-check{animation:tick-draw .4s ease-out .5s forwards}@keyframes tick-draw{to{stroke-dashoffset:0}}.submission-success-container{animation:booking-pop-in .5s cubic-bezier(.16,1,.3,1) both}.booking-picker-view{animation:booking-fade-in .4s ease both}@keyframes booking-pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes booking-fade-in{0%{opacity:0}to{opacity:1}}.success-heading{font-size:26px;font-weight:800;color:#0f172a;margin:0 0 8px;letter-spacing:-.02em}.success-subheading{font-size:14px;color:#64748b;margin:0 0 32px}.appointment-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:24px;max-width:540px;margin:0 auto 32px;display:flex;flex-direction:column;gap:12px;text-align:left}.summary-row{display:flex;align-items:center;gap:12px;font-size:14px;color:#334155}.sum-ico{color:#10b981;flex-shrink:0}.reset-booking-btn{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155;padding:12px 24px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;transition:all .2s ease}.reset-booking-btn:hover{background:#e2e8f0;color:#0f172a}.my-bookings-tracker-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px 28px;box-shadow:0 10px 30px #0f172a0a;max-width:760px;margin:0 auto 36px}.tracker-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:12px}.tracker-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tracker-header-left h3{font-size:16px;font-weight:800;color:#0f172a;margin:0;display:flex;align-items:center;gap:8px}.tracker-icon{color:#10b981}.live-status-pill{font-size:11px;font-weight:700;color:#059669;background:#10b9811a;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:6px}.tracker-pulse-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b981b3;animation:pulseGlow 2s infinite}.tracker-pulse-dot.syncing{background:#3b82f6;animation:spinSlow 1s linear infinite}@keyframes pulseGlow{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.manual-sync-btn{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:#475569;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.manual-sync-btn:hover{background:#0f172a;border-color:#0f172a;color:#fff}.manual-sync-btn .spinning{animation:spinSlow 1s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tracker-bookings-list{display:flex;flex-direction:column;gap:16px}.user-booking-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s}.user-booking-item:hover{border-color:#cbd5e1}.item-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.item-title-block{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.booking-status-badge{font-size:12px;font-weight:800;padding:4px 10px;border-radius:6px;letter-spacing:.3px;display:inline-flex;align-items:center;gap:4px}.booking-status-badge.pending{background:#fef3c7;color:#d97706}.booking-status-badge.confirmed{background:#d1fae5;color:#059669}.booking-status-badge.rescheduled{background:#f3e8ff;color:#7c3aed}.booking-status-badge.completed{background:#dbeafe;color:#2563eb}.booking-status-badge.cancelled{background:#ffe4e6;color:#e11d48}.booking-date-badge{font-size:13px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:6px}.remove-history-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;transition:color .2s}.remove-history-btn:hover{color:#ef4444}.item-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;font-size:12px;color:#475569}.item-notes-text{font-size:12px;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.admin-response-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px 14px;font-size:13px;color:#166534}.admin-response-header{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#15803d;display:flex;align-items:center;gap:6px;margin-bottom:4px}.admin-response-box p{margin:0;line-height:1.4}
