.contact-support-page{min-height:100vh;padding-top:150px;background:linear-gradient(135deg,hsl(var(--background)) 0,hsl(var(--muted)) 100%)}.contact-support-page .container{position:relative}.contact-support-page .container:before{content:"";position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(90deg,hsl(var(--primary)) 0,hsl(var(--accent)) 50%,hsl(var(--primary)) 100%);border-radius:2px}.contact-support-page .contact-form-card{background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 4px 20px rgba(0,0,0,.08),0 0 0 1px hsla(0,0%,100%,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-support-page .contact-form-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12),0 0 0 1px hsla(0,0%,100%,.15);transform:translateY(-2px)}.contact-support-page .contact-form-card .card-header{position:relative}.contact-support-page .contact-form-card .card-header:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background:hsl(var(--primary));border-radius:1px}.contact-support-page .contact-form-card .form-field .form-label{font-weight:600;color:hsl(var(--foreground));margin-bottom:8px}.contact-support-page .contact-form-card .form-field .select-trigger,.contact-support-page .contact-form-card .form-field input,.contact-support-page .contact-form-card .form-field textarea{transition:all .2s ease;border:1.5px solid hsl(var(--border))}.contact-support-page .contact-form-card .form-field .select-trigger:focus,.contact-support-page .contact-form-card .form-field input:focus,.contact-support-page .contact-form-card .form-field textarea:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.1)}.contact-support-page .contact-form-card .form-field .select-trigger:hover:not(:focus),.contact-support-page .contact-form-card .form-field input:hover:not(:focus),.contact-support-page .contact-form-card .form-field textarea:hover:not(:focus){border-color:hsl(var(--primary)/.6)}.contact-support-page .contact-form-card .form-field textarea{resize:vertical;min-height:120px}.contact-support-page .contact-form-card button[type=submit]{background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--primary)/.9) 100%);border:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-support-page .contact-form-card button[type=submit]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent);transition:left .5s ease}.contact-support-page .contact-form-card button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px hsl(var(--primary)/.3)}.contact-support-page .contact-form-card button[type=submit]:hover:not(:disabled):before{left:100%}.contact-support-page .contact-form-card button[type=submit]:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.contact-support-page .contact-form-card .success-message{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05));border-left:4px solid #22c55e;animation:slideIn .3s ease}.contact-support-page .contact-form-card .error-message{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border-left:4px solid #ef4444;animation:slideIn .3s ease}.contact-support-page .support-topic-card{background:hsl(var(--card));border:1px solid hsl(var(--border));transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-support-page .support-topic-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,hsl(var(--primary)) 0,hsl(var(--accent)) 100%);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.contact-support-page .support-topic-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px rgba(0,0,0,.15),0 0 0 1px hsl(var(--primary)/.1)}.contact-support-page .support-topic-card:hover:before{transform:scaleX(1)}.contact-support-page .support-topic-card:hover .card-content .subtopic-item{color:hsl(var(--foreground))}.contact-support-page .support-topic-card:hover .card-content .subtopic-item:before{background:hsl(var(--primary));transform:scale(1.5)}.contact-support-page .support-topic-card .card-content .subtopic-item{display:flex;align-items:center;gap:8px;padding:4px 0;transition:all .2s ease;cursor:pointer}.contact-support-page .support-topic-card .card-content .subtopic-item:before{content:"";width:4px;height:4px;border-radius:50%;background:hsl(var(--muted-foreground));transition:all .2s ease}.contact-support-page .support-topic-card .card-content .subtopic-item:hover{color:hsl(var(--primary));padding-left:4px}@media(max-width:768px){.contact-support-page .container{padding:16px}.contact-support-page .contact-form-card{margin-bottom:24px}.contact-support-page .grid.md\\:grid-cols-2{grid-template-columns:1fr;gap:16px}.contact-support-page .grid.lg\\:grid-cols-3{grid-template-columns:1fr;gap:16px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dark .contact-support-page .contact-form-card{box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05)}.dark .contact-support-page .contact-form-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.1)}.dark .contact-support-page .support-topic-card:hover{box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 0 1px hsl(var(--primary)/.2)}.contact-support-page .form-field .select-trigger:focus-visible,.contact-support-page .form-field input:focus-visible,.contact-support-page .form-field textarea:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.contact-support-page .spinner{border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}