:root{--contact-bg-primary:var(--gray-2);--contact-bg-card:var(--color-panel);--contact-bg-sidebar:var(--gray-3);--contact-bg-input:var(--gray-4);--contact-text-primary:var(--gray-12);--contact-text-secondary:var(--gray-11);--contact-text-muted:var(--gray-10);--contact-border:var(--gray-6);--contact-shadow:#0000001a;--contact-accent:var(--orange-9);--contact-accent-hover:var(--orange-10)}:is(.light,.light-theme){--contact-bg-primary:var(--gray-2);--contact-bg-card:var(--color-panel);--contact-bg-sidebar:var(--gray-3);--contact-bg-input:var(--gray-4);--contact-text-primary:var(--gray-12);--contact-text-secondary:var(--gray-11);--contact-text-muted:var(--gray-10);--contact-border:var(--gray-6);--contact-shadow:#0000000d;--contact-accent:var(--orange-9);--contact-accent-hover:var(--orange-10)}.contact-hero{min-height:auto;padding:0;transition:background-color .3s;position:relative;overflow:visible}.contact-hero:before{display:none}.contact-container{z-index:2;width:100%;max-width:1800px;margin:0 auto;padding:0 3rem;position:relative;overflow:visible}@media (max-width:1024px){.contact-container{padding:0 2rem}}@media (max-width:768px){.contact-container{padding:0 1.5rem}}.hero-section{background:linear-gradient(135deg,hsl(from var(--orange-9)h s l/.08)0%,hsl(from var(--orange-4)h s l/.15)100%);border:1px solid hsl(from var(--orange-9)h s l/.2);border-radius:var(--radius-5);box-sizing:border-box;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2.5rem;padding:3rem 2rem;position:relative;overflow:hidden}.hero-section:before{display:none}.hero-section>*{z-index:2;position:relative}.hero-content{max-width:100%;margin:0 auto;padding:0}.hero-title{color:var(--orange-11);margin-bottom:1rem;font-size:2.75rem;font-weight:700;line-height:1.2}.hero-subtitle{max-width:900px;margin:0 auto 2rem;font-size:1.125rem;line-height:1.6;color:var(--gray-11)!important}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:20px;display:flex}.hero-chat{justify-content:center;display:flex}.hero-btn{cursor:pointer;text-align:center;white-space:nowrap;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;min-width:200px;padding:16px 32px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.demo-btn{background:var(--orange-9);color:#fff;box-shadow:0 2px 8px #0000001a}.demo-btn:hover{background:var(--orange-10);box-shadow:0 4px 12px #00000026}.support-btn{background:var(--lime-9);color:#fff;box-shadow:0 2px 8px #0000001a}.call-btn{background:var(--gray-4);color:var(--gray-12);border:2px solid var(--gray-7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-btn{background:var(--gray-4);color:var(--gray-12);border:2px solid var(--gray-7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 28px;font-size:1rem;font-weight:500}.contact-title{color:var(--orange-11);margin-bottom:20px;font-size:3.5rem;font-weight:700;line-height:1.2}.contact-subtitle{color:var(--gray-11);max-width:800px;margin:0 auto;font-size:1.3rem;line-height:1.6}.contact-buttons{flex-wrap:wrap;justify-content:center;gap:16px}.book-demo-btn{background:var(--orange-9);color:#fff;border-radius:var(--radius-5);cursor:pointer;border:none;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #0000001a}.book-demo-btn:hover{background:var(--orange-10);box-shadow:0 4px 12px #00000026}.support-btn{background:var(--lime-9);color:#fff;border-radius:var(--radius-5);cursor:pointer;border:none;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #0000001a}.support-btn:hover{background:var(--lime-10);box-shadow:0 4px 12px #00000026}.call-btn{background:var(--gray-4);color:var(--gray-12);border:2px solid var(--gray-7);border-radius:var(--radius-5);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s}.call-btn:hover{background:var(--gray-5);border-color:var(--gray-8)}.chat-btn{background:var(--gray-4);color:var(--gray-12);border:2px solid var(--gray-7);border-radius:var(--radius-5);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 28px;font-size:1rem;font-weight:500;transition:all .3s}.chat-btn:hover{background:var(--gray-5);border-color:var(--gray-8)}@media (max-width:1080px){.contact-title{font-size:3rem}.contact-subtitle{font-size:1.2rem}}@media (max-width:980px){.contact-hero{padding:30px 15px}.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.1rem}.contact-buttons{flex-direction:column;align-items:center}.book-demo-btn,.support-btn,.call-btn{width:100%;max-width:300px;padding:18px 32px}}@media (max-width:680px){.contact-title{font-size:2rem;line-height:1.3}.contact-subtitle{padding:0 10px;font-size:1rem}.book-demo-btn,.support-btn,.call-btn,.chat-btn{padding:16px 28px;font-size:1rem}}.contact-layout{align-items:flex-start;gap:2rem;max-width:100%;margin:0 auto;display:flex}.form-section{background:var(--contact-bg-card);border-radius:var(--radius-4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 16px var(--contact-shadow);border:1px solid var(--contact-border);flex:2.5;padding:0;transition:background-color .3s,box-shadow .3s;position:relative}:is(.light,.light-theme) .form-section{box-shadow:0 2px 12px #0000000f}.contact-info-sidebar{background:var(--contact-bg-sidebar);border-radius:var(--radius-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:fit-content;box-shadow:0 4px 16px var(--contact-shadow);border:1px solid var(--contact-border);flex:1;padding:2rem;transition:background-color .3s,box-shadow .3s}:is(.light,.light-theme) .contact-info-sidebar{border:1px solid var(--contact-border);box-shadow:0 2px 12px #0000000f}.tabs-list{background:0 0;border-radius:12px 12px 0 0;display:flex;overflow:visible}.tab-trigger{background:var(--contact-bg-input);border:none;border-right:1px solid var(--contact-border);color:var(--contact-text-primary);cursor:pointer;text-align:left;border-top-left-radius:4px;border-top-right-radius:4px;flex-direction:column;flex:1;gap:4px;padding:20px 16px;transition:all .3s;display:flex}:is(.light,.light-theme) .tab-trigger{background:#00000008;border-right:1px solid #0000001a}.tab-trigger:last-child{border-right:none}.tab-trigger:hover{background:var(--contact-bg-input)}:is(.light,.light-theme) .tab-trigger:hover{background:#0000000f}.tab-trigger[data-state=active],.tab-trigger[data-state=active].school-demo-tab,.tab-trigger[data-state=active].parent-info-tab,.tab-trigger[data-state=active].technical-help-tab{background:#ff6b35}.tab-subtitle{opacity:.8;font-size:.85rem;font-weight:400}.tab-content{padding:30px}.form-header{margin-bottom:30px}.form-title{color:#ff6b35;margin-bottom:8px;font-size:1.8rem;font-weight:600}.form-description{color:var(--contact-text-muted);font-size:1rem;transition:color .3s}:is(.light,.light-theme) .form-description{color:#666}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{gap:20px;display:flex}.form-group{flex-direction:column;flex:1;gap:8px;display:flex}.form-group.full-width{flex:none;width:100%}.form-group label{color:var(--contact-text-primary);font-size:.9rem;font-weight:500;transition:color .3s}.form-input,.select-trigger{background:var(--contact-bg-input);border:1px solid var(--contact-border);color:var(--contact-text-primary);border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .3s}:is(.light,.light-theme) .form-input,:is(.light,.light-theme) .select-trigger{background:#fff;border:1px solid #e0e0e0}.form-input:focus,.select-trigger:focus,.form-textarea:focus{background:var(--contact-bg-input);border-color:#ff6b35;outline:none}:is(.light,.light-theme) .form-input:focus,:is(.light,.light-theme) .select-trigger:focus,:is(.light,.light-theme) .form-textarea:focus{background:#fff;box-shadow:0 0 0 2px #ff6b3533}.form-input::placeholder,.form-textarea::placeholder{color:var(--contact-text-muted);transition:color .3s}:is(.light,.light-theme) .form-input::placeholder,:is(.light,.light-theme) .form-textarea::placeholder{color:#999}.form-input-error{background:#ef44441a!important;border-color:#ef4444!important}.form-input-error:focus{box-shadow:0 0 0 2px #ef444433;border-color:#ef4444!important}.error-message{color:#ef4444;margin-top:4px;font-size:.8rem;font-weight:500;display:block}.form-textarea{background:var(--contact-bg-input);border:1px solid var(--contact-border);color:var(--contact-text-primary);resize:vertical;border-radius:8px;min-height:80px;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .3s}:is(.light,.light-theme) .form-textarea{background:#fff;border:1px solid #e0e0e0}.form-select{background:var(--contact-bg-input);border:1px solid var(--contact-border);color:var(--contact-text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-radius:8px;padding:12px 40px 12px 16px;font-size:1rem;transition:all .3s}:is(.light,.light-theme) .form-select{color:#333;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right 12px center/16px no-repeat;border:1px solid #e0e0e0}.form-select:focus{background:var(--contact-bg-input);border-color:#ff6b35;outline:none}:is(.light,.light-theme) .form-select:focus{background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right 12px center/16px no-repeat;box-shadow:0 0 0 2px #ff6b3533}.form-select option{color:#fff;background:#1a1a1a;padding:8px}:is(.light,.light-theme) .form-select option{color:#333;background:#fff}.select-trigger{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.select-arrow{color:var(--contact-text-muted);font-size:.8rem;transition:transform .3s,color .3s}.select-trigger[data-state=open] .select-arrow{transform:rotate(180deg)}[data-radix-select-content]{background:var(--contact-bg-card)!important;border:1px solid var(--contact-border)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;z-index:9999!important;box-shadow:0 8px 32px var(--contact-shadow)!important;border-radius:8px!important;max-height:200px!important;padding:4px!important;position:fixed!important;overflow-y:auto!important}:is(.light,.light-theme) [data-radix-select-content]{background:#fff!important;border:1px solid #e0e0e0!important;box-shadow:0 8px 32px #0000001a!important}.select-content{background:var(--contact-bg-card);border:1px solid var(--contact-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;box-shadow:0 8px 32px var(--contact-shadow);border-radius:8px;max-height:200px;padding:4px;transition:background-color .3s,border-color .3s,box-shadow .3s;position:fixed;overflow-y:auto}:is(.light,.light-theme) .select-content{background:#fff;border:1px solid #e0e0e0;box-shadow:0 8px 32px #0000001a}.select-item{color:var(--contact-text-primary);cursor:pointer;border-radius:4px;padding:12px 16px;transition:background .2s,color .3s}.select-item:hover{background:#ff6b3533}:is(.light,.light-theme) .select-item:hover{background:#ff6b351a}.checkbox-group{flex-direction:column;gap:12px;display:flex}.checkbox-label{color:var(--contact-text-primary);cursor:pointer;align-items:center;gap:12px;font-size:.95rem;transition:color .3s;display:flex}.checkbox-input{display:none}.checkbox-custom{border:2px solid var(--contact-border);border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s;display:flex}:is(.light,.light-theme) .checkbox-custom{border:2px solid #ccc}.checkbox-input:checked+.checkbox-custom{background:#ff6b35;border-color:#ff6b35}.checkbox-input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.radio-group{flex-direction:column;gap:12px;display:flex}.radio-label{color:var(--contact-text-primary);cursor:pointer;align-items:center;gap:12px;font-size:.95rem;transition:color .3s;display:flex}.radio-input{display:none}.radio-custom{border:2px solid var(--contact-border);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s;display:flex;position:relative}:is(.light,.light-theme) .radio-custom{border:2px solid #ccc}.radio-input:checked+.radio-custom{border-color:#ff6b35}.radio-input:checked+.radio-custom:after{content:"";background:#ff6b35;border-radius:50%;width:10px;height:10px}.submit-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:8px;margin-top:10px;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s}.submit-btn:hover{background:var(--orange-10);box-shadow:0 4px 12px #00000026}.form-disclaimer{color:#fffc;background:#ff6b351a;border:1px solid #ff6b3533;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px;font-size:.9rem;display:flex}.disclaimer-icon{font-size:1rem}.parent-submit-btn{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.parent-submit-btn:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)}.technical-submit-btn{background:linear-gradient(135deg,#ff6b35 0%,#f97316 100%)}.technical-submit-btn:hover{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.contact-info-title{color:#ff6b35;margin-bottom:24px;font-size:1.4rem;font-weight:600}.contact-info-group{margin-bottom:20px}.contact-info-group h4{color:var(--contact-text-primary);margin-bottom:4px;font-size:1rem;font-weight:600;transition:color .3s}.contact-link{color:#ff6b35;font-size:.95rem;text-decoration:none;transition:color .3s}.contact-link:hover{color:#ff8a65}.address{color:var(--contact-text-secondary);font-size:.95rem;line-height:1.4;transition:color .3s}:is(.light,.light-theme) .address{color:#666}.address p{margin:0}.office-hours-section{border-top:1px solid var(--contact-border);margin-top:30px;padding-top:20px;transition:border-color .3s}:is(.light,.light-theme) .office-hours-section{border-top:1px solid #e0e0e0}.office-hours{color:var(--contact-text-secondary);font-size:.9rem;line-height:1.4;transition:color .3s}:is(.light,.light-theme) .office-hours{color:#666}.office-hours p{margin:0 0 4px}.office-hours p:last-child{margin-bottom:0}.why-choose-section{border-top:1px solid var(--contact-border);margin-top:30px;padding-top:20px;transition:border-color .3s}:is(.light,.light-theme) .why-choose-section{border-top:1px solid #e0e0e0}.feature-item{border-left:4px solid var(--orange-9);box-shadow:inset 4px 0 0 0 var(--orange-10);background:#ff6b351a;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 12px 12px 16px;transition:all .3s;display:flex}.feature-item:hover{border-left-color:var(--orange-10);background:#ff6b3526}.feature-item:last-child{margin-bottom:0}.feature-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.2rem}.feature-text{color:var(--contact-text-primary);font-size:.9rem;font-weight:500;line-height:1.3;transition:color .3s}@media (max-width:1200px){.contact-layout{flex-direction:column;gap:30px}.form-section,.contact-info-sidebar{flex:none;width:100%}}@media (max-width:768px){.tab-trigger{padding:16px 12px;font-size:.9rem}.tab-subtitle{font-size:.75rem}.form-row{flex-direction:column;gap:16px}.tab-content,.contact-info-sidebar{padding:20px}}@media (max-width:480px){.contact-hero{padding:20px 10px}.tab-trigger{padding:12px 8px;font-size:.8rem}.tab-subtitle{font-size:.7rem}.form-title{font-size:1.5rem}.tab-content{padding:15px}}.faq-section{max-width:1200px;margin:60px auto 40px}.faq-title{text-align:center;color:#ff6b35;margin-bottom:40px;font-size:2.5rem;font-weight:700}.faq-container{flex-direction:column;gap:16px;display:flex}.faq-item{background:var(--contact-bg-card);border:1px solid var(--contact-border);box-shadow:0 4px 16px var(--contact-shadow),0 2px 8px var(--contact-shadow);border-radius:12px;transition:all .3s;overflow:hidden}:is(.light,.light-theme) .faq-item{background:#fff;border:1px solid #e0e0e0;box-shadow:0 4px 16px #00000014,0 2px 8px #0000000a}.faq-item:hover{background:var(--contact-bg-card);border-color:var(--orange-8);box-shadow:0 4px 16px var(--contact-shadow)}:is(.light,.light-theme) .faq-item:hover{background:#f8f9fa;border-color:#ff6b354d;box-shadow:0 6px 24px #0000001f,0 3px 12px #00000014}.faq-item.faq-active{background:var(--contact-bg-card);border-color:#ff6b35}:is(.light,.light-theme) .faq-item.faq-active{background:#f8f9fa}.faq-question{color:var(--contact-text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:20px 24px;font-size:1.1rem;font-weight:500;transition:color .3s;display:flex}.faq-item:hover .faq-question{color:var(--contact-text-primary)}.faq-icon{color:#ff6b35;font-size:1.5rem;font-weight:700;transition:transform .3s}.faq-active .faq-icon{transform:rotate(45deg)}.faq-answer{color:var(--contact-text-secondary);border-top:1px solid var(--contact-border);margin-top:0;padding:20px 24px;font-size:1rem;line-height:1.6;transition:color .3s,border-color .3s;animation:.3s fadeIn}:is(.light,.light-theme) .faq-answer{color:#666;border-top:1px solid #e0e0e0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.faq-title{font-size:2rem}.faq-question{padding:16px 20px;font-size:1rem}.faq-answer{padding:0 20px 16px;font-size:.95rem}}@media (max-width:480px){.faq-section{margin-top:40px;padding:0 15px}.faq-title{font-size:1.8rem}}@media (max-width:1080px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}}@media (max-width:980px){.hero-section{padding:40px 15px 60px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-btn{padding:14px 24px;font-size:1rem}}@media (max-width:680px){.hero-title{font-size:2rem;line-height:1.3}.hero-subtitle{padding:0 10px;font-size:1rem}.hero-btn{padding:12px 20px;font-size:.9rem}}@media (max-width:500px){.hero-buttons{flex-direction:column;align-items:center}.hero-btn{width:100%;max-width:280px;padding:14px 24px;font-size:.9rem}}@media (max-width:480px){.hero-section{padding:30px 10px 50px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.9rem}}
