.support-page{position:relative;width:100vw;min-height:100vh;background:#0a0a0f;overflow-x:hidden;overflow-y:auto;font-family:Rajdhani,sans-serif;color:#fff}.support-page .city-background{position:fixed;inset:0;z-index:1;pointer-events:none}.support-page .city-layer{position:absolute;bottom:0;left:0;right:0;height:60%;animation:cityPulse 4s ease-in-out infinite}.support-page .layer-1{height:70%;background:linear-gradient(to top,#ff6b35 0%,transparent 50%);opacity:.1;animation-delay:0s}.support-page .layer-2{height:50%;background:linear-gradient(to top,#00d9ff 0%,transparent 50%);opacity:.1;animation-delay:.5s}.support-page .layer-3{height:40%;background:linear-gradient(to top,#b537f2 0%,transparent 50%);opacity:.1;animation-delay:1s}@keyframes cityPulse{0%,to{opacity:.1;transform:scaleY(1)}50%{opacity:.15;transform:scaleY(1.05)}}.support-page .grid-overlay{position:fixed;inset:0;z-index:2;overflow:hidden;pointer-events:none}.support-page .grid-overlay:before{content:"";position:absolute;inset:-50px;background-image:linear-gradient(rgba(0,217,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.05) 1px,transparent 1px);background-size:50px 50px;animation:supportGridMove 20s linear infinite;will-change:transform;pointer-events:none}@keyframes supportGridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.support-page .hud-corners{position:absolute;inset:0;z-index:10;pointer-events:none}.support-page .corner{position:absolute;width:40px;height:40px;border:2px solid #ff6b35;opacity:.6}.support-page .corner-tl{top:20px;left:20px;border-right:none;border-bottom:none}.support-page .corner-tr{top:20px;right:20px;border-left:none;border-bottom:none}.support-page .corner-bl{bottom:20px;left:20px;border-right:none;border-top:none}.support-page .corner-br{bottom:20px;right:20px;border-left:none;border-top:none}.support-page .back-button{position:fixed;top:30px;left:30px;z-index:100;display:flex;align-items:center;gap:10px;padding:12px 20px;background:transparent;border:2px solid rgba(0,217,255,.3);color:#00d9ff;font-family:Orbitron,monospace;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.support-page .back-button:hover{border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d;transform:translate(-5px)}.support-page .back-arrow{font-size:18px;animation:arrowBounce 1.5s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}.support-container{position:relative;z-index:5;width:100%;max-width:1400px;margin:0 auto;padding:100px 20px 60px}.support-panel{background:#0a0a0f99;border:2px solid rgba(0,217,255,.3);padding:40px;position:relative;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.support-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d9ff0d,#ff6b350d);pointer-events:none;z-index:-1}.support-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid rgba(0,217,255,.2)}.support-icon{font-size:48px;margin-bottom:15px;filter:drop-shadow(0 0 15px rgba(0,217,255,.6))}.support-title{font-family:Orbitron,sans-serif;font-size:36px;font-weight:900;letter-spacing:4px;background:linear-gradient(135deg,#ff6b35,#00d9ff,#b537f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;margin-bottom:10px}.support-subtitle{font-family:Rajdhani,sans-serif;font-size:16px;color:#00d9ffb3;letter-spacing:2px;text-transform:uppercase}.support-tabs{display:flex;gap:15px;margin-bottom:40px}.support-tabs .tab{flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:transparent;border:2px solid rgba(0,217,255,.3);color:#ffffffb3;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;overflow:hidden;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.support-tabs .tab:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00d9ff1a,#ff6b351a);transform:translate(-100%);transition:transform .3s ease}.support-tabs .tab:hover:before,.support-tabs .tab.active:before{transform:translate(0)}.support-tabs .tab:hover{border-color:#00d9ff;color:#00d9ff;box-shadow:0 0 20px #00d9ff4d}.support-tabs .tab.active{border-color:#00d9ff;color:#00d9ff;box-shadow:0 0 20px #00d9ff66}.tab-icon{font-size:20px;z-index:1}.support-content{min-height:400px}.section-title{font-family:Orbitron,monospace;font-size:24px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}.section-description{font-family:Rajdhani,sans-serif;font-size:16px;color:#fff9;margin-bottom:30px;line-height:1.6}.faq-section{animation:fadeIn .5s ease-in}.faq-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.faq-item{background:#0a0a0f66;border:2px solid rgba(0,217,255,.2);overflow:hidden;transition:all .3s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.faq-item:hover{border-color:#00d9ff66;box-shadow:0 0 15px #00d9ff33}.faq-item.expanded{border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d}.faq-question{width:100%;display:flex;align-items:center;gap:15px;padding:18px 20px;background:transparent;border:none;color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;text-align:left;cursor:pointer;transition:all .3s ease}.faq-question:hover{background:#00d9ff0d}.faq-category{color:#ff6b35;font-family:Orbitron,monospace;font-size:10px;font-weight:700;text-transform:uppercase;padding:4px 8px;background:#ff6b351a;border:1px solid rgba(255,107,53,.3);white-space:nowrap;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.faq-question-text{flex:1;color:#ffffffe6}.faq-arrow{color:#00d9ff;font-size:14px;transition:transform .3s ease;transform:rotate(180deg)}.faq-item.expanded .faq-arrow{transform:rotate(0)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.expanded .faq-answer{max-height:500px}.answer-content{padding:15px 20px 20px;font-family:Rajdhani,sans-serif;font-size:15px;line-height:1.8;color:#ffffffb3;border-top:1px solid rgba(0,217,255,.1);margin-top:5px}.faq-footer{text-align:center;padding:25px;background:#ff6b350d;border:2px dashed rgba(255,107,53,.3);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.faq-footer p{font-family:Rajdhani,sans-serif;font-size:16px;color:#ffffffb3;margin-bottom:15px}.ticket-section{animation:fadeIn .5s ease-in}.submit-message{padding:15px 20px;margin-bottom:25px;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:600;display:flex;align-items:center;gap:12px;animation:slideDown .3s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.submit-message.success{background:#00ff411a;border:2px solid rgba(0,255,65,.5);color:#00ff41}.submit-message.error{background:#ff6b351a;border:2px solid rgba(255,107,53,.5);color:#ff6b35}.message-icon{font-size:20px;font-weight:700}.ticket-form{display:flex;flex-direction:column;gap:25px}.form-group{position:relative}.field-label{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-family:Orbitron,monospace;font-size:12px;font-weight:600;color:#00d9ff;text-transform:uppercase;letter-spacing:1px}.label-icon{font-size:14px}.form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;background:#0a0a0fcc;border:2px solid rgba(0,217,255,.3);color:#fff;font-family:Rajdhani,sans-serif;font-size:15px;transition:all .3s ease;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 15px #00d9ff4d;background:#0a0a0fe6}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff4d;font-style:italic}.form-select{cursor:pointer;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%2300d9ff" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 8l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-textarea{resize:vertical;min-height:120px;line-height:1.6;word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word}.char-counter{position:absolute;right:10px;bottom:-20px;font-family:Orbitron,monospace;font-size:10px;color:#00d9ff80}.cyber-button,.submit-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;background:transparent;border:2px solid rgba(0,217,255,.3);color:#00d9ff;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:2px;cursor:pointer;overflow:hidden;transition:all .3s ease;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.cyber-button:before,.submit-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00d9ff1a,#ff6b351a);transform:translate(-100%);transition:transform .3s ease}.cyber-button:hover:before,.submit-button:hover:before{transform:translate(0)}.cyber-button:hover,.submit-button:hover{border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d;transform:translateY(-2px)}.cyber-button:active,.submit-button:active{transform:translateY(0)}.submit-button{width:100%;margin-top:10px}.submit-button.submitting{opacity:.6;cursor:not-allowed}.button-text{z-index:1}.loader{width:20px;height:20px;border:3px solid rgba(0,217,255,.2);border-top-color:#00d9ff;border-radius:50%;animation:spin .8s linear infinite;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}.support-page .scanline-effect{position:fixed;inset:0;z-index:15;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;animation:scanlines 8s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(20px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.support-page{padding:20px 15px}.support-container{padding:80px 15px 40px}.support-panel{padding:25px 20px}.support-title{font-size:24px;letter-spacing:2px}.support-subtitle{font-size:14px}.support-tabs{flex-direction:column;gap:12px}.section-title{font-size:20px}.faq-question{padding:15px;font-size:14px;flex-wrap:wrap}.faq-category{font-size:9px;padding:3px 6px}.back-button{top:15px;left:15px;padding:10px 15px;font-size:12px}.form-input,.form-select,.form-textarea{font-size:14px}.support-page .corner{width:30px;height:30px}}