.support-page{color:#eaeaea;background:#0d0c1e;min-height:100vh;padding-top:80px}.support-hero{text-align:center;isolation:isolate;background:radial-gradient(circle at top,#281b49f2 0%,#0d0c1e 55%,#070612 100%);padding:80px 24px 100px;position:relative;overflow:hidden}.support-hero-background{z-index:0;pointer-events:none;position:absolute;inset:0}.support-hero-gradient{filter:blur(60px);background:radial-gradient(circle,#7956ff4d 0%,#0000 70%);width:800px;height:800px;animation:4s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.support-hero-gradient{width:500px;height:500px}}@media (max-width:480px){.support-hero-gradient{width:400px;height:400px}}@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}.support-hero-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.support-hero-title{text-align:center;background:linear-gradient(135deg,#b89c6d 0%,#f2e3c9 25%,#d4af37 50%,#f2e3c9 75%,#b89c6d 100%) 50%/200% 150%;z-index:10;color:#d4af37;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px #d4af3733;paint-order:stroke fill;box-sizing:border-box;-webkit-background-clip:text;background-clip:text;width:100%;margin:0 0 24px;padding:15px 0;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;animation:5s linear infinite shine;display:block;position:relative;overflow:visible}@keyframes shine{to{background-position:200%}}.support-hero-subtitle{color:#dfe5ffe6;max-width:700px;margin:0 auto;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.support-container{max-width:1200px;margin:0 auto;padding:0 24px}.support-content{grid-template-columns:1fr;gap:40px;padding:40px 0 80px;display:grid}@media (min-width:1024px){.support-content{grid-template-columns:2fr 1fr;gap:60px}}.support-back-button{color:#dfe5ffe6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;margin-bottom:40px;margin-left:0;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .3s;display:inline-flex}.support-back-button:hover{color:#fff;background:#ffffff1f;border-color:#fff3;transform:translate(-4px)}.support-back-button:active{transform:translate(-2px)}.support-back-button svg{width:20px;height:20px;transition:transform .3s}.support-back-button:hover svg{transform:translate(-2px)}.support-form-section{width:100%}.support-form-card{background:linear-gradient(145deg,#2e3569cc,#181a30f2);border:1px solid #ffffff0d;border-radius:24px;padding:40px;box-shadow:0 10px 30px #0006}.support-form-title{color:#fff;background:linear-gradient(135deg,#7956ff,#3be2ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700}.support-form-subtitle{color:#dfe5ffcc;margin:0 0 32px;font-size:1rem;line-height:1.6}.support-form-group{margin-bottom:28px}.support-label{letter-spacing:.05em;text-transform:uppercase;color:#dfe5ffe6;margin-bottom:10px;font-size:.85rem;font-weight:600;display:block}.support-input,.support-select,.support-textarea{color:#fff;box-sizing:border-box;background:#0a0e1cb3;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .3s}.support-input:focus,.support-select:focus,.support-textarea:focus{background:#0a0e1ce6;border-color:#7956ff99;outline:none;box-shadow:0 0 0 3px #7956ff33}.support-input:disabled,.support-select:disabled,.support-textarea:disabled{opacity:.6;cursor:not-allowed;background:#0a0e1c80}.support-input::placeholder,.support-textarea::placeholder{color:#bbc4eb99}.support-select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#7956ffcc 50%),linear-gradient(135deg,#7956ffcc 50%,#0000 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px);background-repeat:no-repeat;background-size:6px 6px}.support-textarea{resize:vertical;min-height:120px;font-family:inherit}.support-hint{color:#dfe5ffb3;margin-top:6px;margin-bottom:0;font-size:.85rem}.support-char-count-wrapper{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.support-char-count{color:#dfe5ff99;text-align:right;font-size:.75rem}.support-char-count.warning{color:#ffc107cc}.support-char-count.error{color:#ff6b6b}.support-char-min{color:#dfe5ff80;font-size:.75rem}.support-error-message{color:#ff6b6b;background:#ff6b6b26;border:1px solid #ff6b6b66;border-radius:12px;margin-bottom:20px;padding:14px 18px;font-size:.9rem}.support-success-message{color:#5cffc7;background:#5cffc726;border:1px solid #5cffc766;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;font-size:.9rem;display:flex}.support-success-message svg{flex-shrink:0}.support-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7956ff,#3be2ff);border:none;border-radius:50px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:10px;padding:16px 32px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #7956ff66}.support-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7956ff99}.support-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.support-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.support-info-section{width:100%}.support-info-card{background:linear-gradient(145deg,#2e356999,#181a30cc);border:1px solid #ffffff1a;border-radius:20px;padding:32px;position:sticky;top:100px}.support-info-title{color:#fff;background:linear-gradient(135deg,#7956ff,#3be2ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:1.5rem;font-weight:700}.support-info-items{flex-direction:column;gap:24px;display:flex}.support-info-item{align-items:flex-start;gap:16px;display:flex}.support-info-icon{flex-shrink:0;font-size:2rem;line-height:1}.support-info-content h4{color:#dfe5ffe6;margin:0 0 8px;font-size:1rem;font-weight:600}.support-info-content p{color:#cfd4ffcc;margin:0;font-size:.9rem;line-height:1.6}.support-info-link{color:#7956ff;word-break:break-all;font-weight:500;text-decoration:none;transition:color .2s}.support-info-link:hover{color:#3be2ff;text-decoration:underline}.support-social-links{gap:12px;margin-top:8px;display:flex}.support-social-link{color:#dfe5ffe6;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.support-social-link:hover{color:#fff;background:#ffffff26;border-color:#7956ff80;transform:translateY(-2px)}.support-faq-section{grid-column:1/-1;padding:60px 0 40px}.support-section-title{text-align:center;background:linear-gradient(135deg,#7956ff,#3be2ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 40px;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.support-faq-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.support-faq-item{background:linear-gradient(145deg,#2e356999,#181a30cc);border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s}.support-faq-item:hover{border-color:#7956ff66;transform:translateY(-2px);box-shadow:0 8px 24px #7956ff33}.support-faq-question{color:#fff;margin:0 0 12px;font-size:1.1rem;font-weight:600}.support-faq-answer{color:#cfd4ffcc;margin:0 0 12px;font-size:.9rem;line-height:1.6}.support-faq-link{color:#7956ff;align-items:center;gap:4px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.support-faq-link:hover{color:#3be2ff;text-decoration:underline}@media (max-width:1024px){.support-info-card{position:static}}@media (max-width:768px){.support-page{padding-top:60px}.support-hero{padding:60px 24px 80px}.support-hero-title{margin-bottom:20px;font-size:clamp(2rem,8vw,3rem)}.support-hero-subtitle{padding:0 10px;font-size:clamp(.95rem,2.5vw,1.1rem)}.support-container{padding:0 16px}.support-back-button{margin-bottom:30px;padding:10px 16px;font-size:.85rem}.support-back-button svg{width:18px;height:18px}.support-content{grid-template-columns:1fr;gap:40px;padding:30px 0 60px}.support-form-card{padding:28px 20px}.support-form-group{margin-bottom:24px}.support-input,.support-select,.support-textarea{padding:14px 16px;font-size:1rem}.support-info-card{padding:24px 20px}.support-faq-section{padding:40px 0 30px}.support-faq-grid{grid-template-columns:1fr;gap:20px}}@media (max-width:480px){.support-hero{padding:50px 16px 70px}.support-container{padding:0 12px}.support-form-card{padding:24px 16px}.support-info-card{padding:20px 16px}.support-back-button{margin-bottom:24px;padding:8px 14px;font-size:.8rem}.support-back-button svg{width:16px;height:16px}}