.support-container{min-height:100vh;background:#0a0a0a;position:relative;overflow-x:hidden}.support-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden}.support-bg:before{top:-20%;left:-20%;background:radial-gradient(circle,rgba(0,188,212,.03) 0,transparent 70%);animation:orbitalMotion 30s linear infinite}.support-bg:after,.support-bg:before{content:"";position:absolute;width:60%;height:60%}.support-bg:after{bottom:-20%;right:-20%;background:radial-gradient(circle,rgba(139,92,246,.03) 0,transparent 70%);animation:orbitalMotion 35s linear infinite reverse}@keyframes orbitalMotion{0%{transform:rotate(0deg) translateX(100px) rotate(0deg)}to{transform:rotate(1turn) translateX(100px) rotate(-1turn)}}.support-header{background:rgba(0,0,0,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);padding:2rem 0;position:sticky;top:0;z-index:100}.support-header-content{max-width:1200px;margin:0 auto;padding:0 2rem}.support-title-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.support-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,188,212,.3);position:relative}.support-icon,.support-icon:after{background:linear-gradient(135deg,#00bcd4,#00acc1);border-radius:16px}.support-icon:after{content:"";position:absolute;inset:-1px;z-index:-1;opacity:.5;filter:blur(10px)}.support-title{font-size:2rem;font-weight:700;color:#ffffff;letter-spacing:-.02em}.support-subtitle{color:rgba(255,255,255,.6);font-size:.875rem}.support-stats{display:flex;gap:2rem;background:rgba(255,255,255,.02);padding:1rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.support-page .stat-item{display:flex;align-items:center;gap:.75rem}.support-page .stat-icon{color:#00bcd4}.support-page .stat-content{display:flex;flex-direction:column}.support-page .stat-value{font-weight:700;color:#ffffff;font-size:1rem;line-height:1}.support-page .stat-label{color:rgba(255,255,255,.5)}.support-main{max-width:1200px;margin:0 auto;padding:3rem 2rem}.support-page .contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.support-page .contact-card{background:rgba(255,255,255,.02);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2.5rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.support-page .contact-card.priority{border:1px solid rgba(0,188,212,.3);background:rgba(0,188,212,.02)}.support-page .contact-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#00bcd4,#00acc1);color:white;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:999px}.support-page .contact-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.03));opacity:0;transition:opacity .3s ease}.support-page .contact-card:hover{transform:translateY(-8px);border-color:rgba(0,188,212,.3);box-shadow:0 20px 40px rgba(0,0,0,.4)}.support-page .contact-card:hover:before{opacity:1}.support-page .contact-icon-wrapper{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative}.support-page .contact-icon-wrapper.chat{background:linear-gradient(135deg,rgba(0,188,212,.15),rgba(0,188,212,.05));border:1px solid rgba(0,188,212,.3)}.support-page .contact-icon-wrapper.ticket{background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(139,92,246,.05));border:1px solid rgba(139,92,246,.3)}.support-page .contact-icon-wrapper.vip{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(251,191,36,.05));border:1px solid rgba(251,191,36,.3)}.support-page .contact-card h3{font-size:1.375rem;font-weight:700;color:#ffffff;margin-bottom:.5rem}.support-page .contact-card p{color:rgba(255,255,255,.6);font-size:.875rem;margin-bottom:1.5rem;line-height:1.6}.support-page .contact-features{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.support-page .feature-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:rgba(255,255,255,.7)}.support-page .contact-button{padding:.875rem 2rem;border-radius:12px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;min-width:150px;justify-content:center}.support-page .contact-button.chat{background:linear-gradient(135deg,#00bcd4,#00acc1);color:#ffffff;box-shadow:0 8px 24px rgba(0,188,212,.3)}.support-page .contact-button.ticket{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#ffffff;box-shadow:0 8px 24px rgba(139,92,246,.3)}.support-page .contact-button.vip{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000000;box-shadow:0 8px 24px rgba(251,191,36,.3)}.support-page .contact-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.4)}.support-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:rgba(255,255,255,.02);padding:.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.support-page .tab-button{flex:1;padding:1rem 1.5rem;border-radius:12px;font-weight:600;font-size:.875rem;border:none;background:transparent;color:rgba(255,255,255,.6);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.support-page .tab-button:hover{color:#ffffff;background:rgba(255,255,255,.02)}.support-page .tab-button.active{background:linear-gradient(135deg,rgba(0,188,212,.15),rgba(0,188,212,.05));color:#00bcd4;border:1px solid rgba(0,188,212,.3)}.support-page .content-section{background:rgba(255,255,255,.02);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.05);border-radius:24px;overflow:hidden}.support-page .search-section{padding:2rem;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.2)}.support-page .search-container{position:relative;max-width:600px;margin:0 auto}.support-page .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.4)}.support-page .search-input{width:100%;padding:1rem 1rem 1rem 3rem;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffff;font-size:.875rem;outline:none;transition:all .3s ease}.support-page .search-input::placeholder{color:rgba(255,255,255,.4)}.support-page .search-input:hover{border-color:rgba(255,255,255,.2)}.support-page .search-input:focus{border-color:#00bcd4;box-shadow:0 0 0 3px rgba(0,188,212,.1)}.support-page .faq-content{padding:2rem}.support-page .faq-grid{display:grid;gap:1rem}.support-page .faq-item{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;transition:all .3s ease}.support-page .faq-item:hover{border-color:rgba(0,188,212,.2);background:rgba(0,0,0,.3)}.support-page .faq-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.support-page .faq-question{font-weight:600;color:#ffffff;font-size:1rem;line-height:1.5}.support-page .faq-category{background:rgba(0,188,212,.1);color:#00bcd4;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:999px;border:1px solid rgba(0,188,212,.3);white-space:nowrap}.support-page .faq-answer{color:rgba(255,255,255,.6);font-size:.875rem;line-height:1.6}.support-page .tickets-header{padding:2rem;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.2);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.support-page .tickets-title-section{display:flex;flex-direction:column;gap:1rem}.support-page .tickets-title{font-size:1.5rem;font-weight:700;color:#ffffff}.support-page .tickets-filters{display:flex;align-items:center;gap:1rem}.support-page .filter-group{display:flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.6)}.support-page .filter-select{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff;padding:.5rem .75rem;font-size:.875rem;outline:none}.support-page .filter-select:focus{border-color:#00bcd4}.support-page .new-ticket-button{background:linear-gradient(135deg,#00bcd4,#00acc1);color:#ffffff;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.support-page .new-ticket-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,188,212,.4)}.support-page .tickets-stats{display:flex;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.1)}.support-page .stat-card{flex:1;text-align:center;padding:1rem;background:rgba(255,255,255,.02);border-radius:12px;border:1px solid rgba(255,255,255,.05)}.support-page .stat-number{font-size:1.5rem;font-weight:700;color:#00bcd4;margin-bottom:.25rem}.support-page .stat-label{font-size:.75rem;color:rgba(255,255,255,.6)}.support-page .tickets-list{padding:0;max-height:500px;overflow-y:auto}.support-page .ticket-item{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.support-page .ticket-item:hover{background:rgba(0,0,0,.2)}.support-page .ticket-item:last-child{border-bottom:none}.support-page .ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.support-page .ticket-info{display:flex;align-items:center;gap:1rem;flex:1}.support-page .ticket-subject{font-weight:600;color:#ffffff;font-size:1rem}.support-page .ticket-status{font-size:.75rem;padding:.25rem .75rem;border-radius:999px;font-weight:600}.support-page .status-processing{background:rgba(59,130,246,.1);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.support-page .status-waiting{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.support-page .status-completed{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.3)}.support-page .ticket-meta{display:flex;align-items:center;gap:1rem}.support-page .ticket-priority{font-size:.75rem;font-weight:600}.support-page .priority-high{color:#ef4444}.support-page .priority-medium{color:#fbbf24}.support-page .priority-low{color:#10b981}.support-page .ticket-id{color:rgba(255,255,255,.4);font-size:.875rem;font-family:monospace}.support-page .ticket-action{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;color:rgba(255,255,255,.6);cursor:pointer;transition:all .3s ease}.support-page .ticket-action:hover{background:rgba(0,188,212,.1);border-color:rgba(0,188,212,.3);color:#00bcd4}.support-page .ticket-dates{display:flex;gap:2rem;color:rgba(255,255,255,.5);font-size:.875rem}.support-page .guides-content{padding:2rem}.support-page .guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.support-page .guide-card{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;transition:all .3s ease;cursor:pointer;position:relative}.support-page .guide-card:hover{transform:translateY(-2px);border-color:rgba(0,188,212,.2);box-shadow:0 8px 24px rgba(0,0,0,.3)}.support-page .guide-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.support-page .guide-title{font-weight:600;color:#ffffff;font-size:1.125rem;margin-bottom:.5rem}.support-page .guide-description{color:rgba(255,255,255,.6);font-size:.875rem;line-height:1.6;margin-bottom:1rem}.support-page .guide-link{color:#00bcd4;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem;transition:gap .3s ease}.support-page .guide-card:hover .guide-link{gap:.5rem}.support-hours{margin-top:3rem;background:linear-gradient(135deg,rgba(0,188,212,.1),rgba(0,188,212,.05));border:1px solid rgba(0,188,212,.2);border-radius:20px;padding:2rem}.support-page .hours-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.support-page .hours-title{font-size:1.25rem;font-weight:600;color:#ffffff}.support-page .hours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.support-page .hours-item h4{font-weight:600;color:#ffffff;margin-bottom:.25rem}.support-page .hours-item p{color:rgba(255,255,255,.6);font-size:.875rem}.support-page .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.support-page .modal-content{background:rgba(10,10,10,.95);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:500px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.6)}.support-page .modal-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.3)}.support-page .modal-header h3{font-size:1.25rem;font-weight:600;color:#ffffff}.support-page .modal-close{background:none;border:none;color:rgba(255,255,255,.6);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.support-page .modal-close:hover{background:rgba(255,255,255,.1);color:#ffffff}.support-page .modal-body{padding:2rem;overflow-y:auto;max-height:calc(80vh - 100px)}.support-page .chat-status{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:12px;color:#10b981;font-size:.875rem}.support-page .status-indicator{width:8px;height:8px;border-radius:50%}.support-page .status-indicator.online{background:#10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.support-page .chat-messages{min-height:200px;max-height:300px;overflow-y:auto;margin-bottom:1.5rem;padding:1rem;background:rgba(0,0,0,.2);border-radius:12px;border:1px solid rgba(255,255,255,.05)}.support-page .system-message{display:flex;gap:.75rem;margin-bottom:1rem}.support-page .system-avatar{width:32px;height:32px;background:linear-gradient(135deg,#00bcd4,#00acc1);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.support-page .message-content p{color:rgba(255,255,255,.8);font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.support-page .message-content p:last-child{margin-bottom:0}.support-page .chat-input-section{display:flex;gap:.75rem}.support-page .chat-input{flex:1;padding:.875rem;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffff;font-size:.875rem;outline:none;transition:all .3s ease}.support-page .chat-input::placeholder{color:rgba(255,255,255,.4)}.support-page .chat-input:focus{border-color:#00bcd4;box-shadow:0 0 0 3px rgba(0,188,212,.1)}.support-page .chat-send{padding:.875rem 1.5rem;background:linear-gradient(135deg,#00bcd4,#00acc1);border:none;border-radius:12px;color:white;font-weight:600;cursor:pointer;transition:all .3s ease}.support-page .chat-send:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,188,212,.4)}.support-page .ticket-form{display:flex;flex-direction:column;gap:1.5rem}.support-page .form-group{display:flex;flex-direction:column;gap:.5rem}.support-page .form-group label{color:#ffffff;font-weight:500;font-size:.875rem}.support-page .form-input,.support-page .form-select,.support-page .form-textarea{padding:.875rem;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffff;font-size:.875rem;outline:none;transition:all .3s ease}.support-page .form-input:focus,.support-page .form-select:focus,.support-page .form-textarea:focus{border-color:#00bcd4;box-shadow:0 0 0 3px rgba(0,188,212,.1)}.support-page .form-textarea{resize:vertical;min-height:120px}.support-page .form-select option{background:#1a1a1a;color:#ffffff}.support-page .form-input::placeholder,.support-page .form-textarea::placeholder{color:rgba(255,255,255,.4)}.support-page .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.support-page .btn-cancel{padding:.875rem 1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:rgba(255,255,255,.8);font-weight:500;cursor:pointer;transition:all .3s ease}.support-page .btn-cancel:hover{background:rgba(255,255,255,.1);color:#ffffff}.support-page .btn-submit{padding:.875rem 1.5rem;background:linear-gradient(135deg,#00bcd4,#00acc1);border:none;border-radius:12px;color:white;font-weight:600;cursor:pointer;transition:all .3s ease}.support-page .btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,188,212,.4)}@media (max-width:768px){.support-header-content{padding:0 1rem}.support-main{padding:2rem 1rem}.support-title{font-size:1.5rem}.support-stats{flex-direction:column;gap:1rem}.contact-grid{grid-template-columns:1fr}.support-tabs{flex-direction:column}.tab-button{width:100%}.tickets-header{flex-direction:column;gap:1rem}.tickets-header,.tickets-title-section{align-items:stretch}.new-ticket-button{width:100%;text-align:center}.ticket-header{flex-direction:column;gap:1rem}.ticket-dates{flex-direction:column;gap:.5rem}.guides-grid,.hours-grid{grid-template-columns:1fr}.tickets-stats{flex-direction:column}.modal-overlay{padding:1rem}.modal-content{max-height:90vh}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}@media (max-width:480px){.support-title-section{flex-direction:column;text-align:center;gap:1rem}.contact-card{padding:2rem 1.5rem}.modal-body,.modal-header{padding:1.5rem}}@media (max-width:420px) and (min-height:800px){.support-page{padding:12px 8px 100px}.support-container{padding:16px}.support-header{padding:1rem 0}.support-header-content{padding:0 1rem}.support-title-section{flex-direction:column;text-align:center;gap:1rem;margin-bottom:1rem}.support-icon{width:48px;height:48px}.support-title{font-size:1.5rem}.coming-soon-wrapper{padding:2rem 1rem}.coming-soon-content{padding:2rem 1.5rem;max-width:100%}.coming-soon-icon{width:80px;height:80px;margin:0 auto 2rem}.coming-soon-title{font-size:1.8rem;margin-bottom:1rem;text-align:center}.coming-soon-subtitle{font-size:1rem;margin-bottom:2rem;text-align:center;line-height:1.5}.countdown-section{padding:1.5rem;margin-bottom:2rem}.countdown-title{font-size:1.1rem;margin-bottom:1rem;text-align:center}.countdown-grid{grid-template-columns:repeat(2,1fr);gap:12px}.countdown-item{padding:1rem}.countdown-number{font-size:1.8rem;margin-bottom:.5rem}.countdown-label{font-size:.8rem}.features-section{padding:1.5rem;margin-bottom:2rem}.features-grid{grid-template-columns:1fr;gap:16px}.feature-item{padding:1.5rem;border-radius:12px}.feature-icon{width:48px;height:48px;margin-bottom:1rem}.feature-title{font-size:1.1rem;margin-bottom:.5rem}.feature-description{font-size:.9rem;line-height:1.4}.notification-section{padding:1.5rem;margin-bottom:2rem}.notification-title{font-size:1.1rem;margin-bottom:1rem;text-align:center}.notification-message{font-size:.9rem;line-height:1.5;text-align:center;padding:1rem;border-radius:10px}.contact-info{padding:1.5rem;text-align:center}.contact-item{margin-bottom:1rem;padding:1rem;border-radius:10px}.contact-item:last-child{margin-bottom:0}.contact-label{font-size:.85rem;margin-bottom:.5rem}.contact-value{font-size:.9rem;font-weight:600}.action-btn,.support-btn{width:100%;padding:14px 20px;font-size:16px;border-radius:12px;min-height:44px;margin-top:12px}}