.contact-page{justify-content:center;align-items:center;min-height:100vh;padding:120px 20px 60px;display:flex}.contact-container{background-color:var(--element-bg);border-radius:16px;width:100%;max-width:600px;margin:0 auto;padding:40px;box-shadow:0 10px 30px #00000080}.contact-header{text-align:center;margin-bottom:30px}.contact-header h1{color:var(--element-fg);margin-bottom:15px;font-size:2rem}.contact-header p{color:var(--element-fg-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.6}.contact-alert{color:#ffc107;background-color:#ffc1071a;border-radius:8px;padding:12px;font-size:.9rem;font-weight:700}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--element-fg);font-size:.95rem;font-weight:700}.form-group input,.form-group textarea{color:var(--element-fg);text-align:match-parent;background-color:#191414;border:1px solid #333;border-radius:8px;padding:12px 15px;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--element-brand);outline:none;box-shadow:0 0 0 2px #4bcec933}.input-hint{color:var(--element-fg-secondary);margin-top:4px;font-size:.8rem}.submit-btn{cursor:pointer;border:none;width:100%;margin-top:15px;padding:14px;font-size:1.1rem}.success-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;animation:.5s fadeIn}.success-icon-wrapper{width:80px;height:80px;color:var(--element-brand);background:0 0;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.success-icon{width:40px;height:40px}.success-icon-check{stroke-dasharray:50;stroke-dashoffset:50px;animation:.5s ease-out .3s forwards drawCheck}.success-icon-circle{stroke-dasharray:100;stroke-dashoffset:100px;animation:.5s ease-out forwards drawCircle}.success-view h2{color:var(--element-brand);margin-bottom:12px;font-size:1.8rem}.success-view p{color:var(--element-fg-secondary);margin-bottom:24px;line-height:1.6}.ticket-info-box{border:1px dashed var(--element-brand);background:0 0;border-radius:8px;flex-direction:column;gap:8px;width:100%;margin-bottom:16px;padding:16px 24px;display:flex}.ticket-info-label{color:var(--element-fg-secondary);font-size:.9rem}.ticket-tracking-code{color:var(--element-fg);letter-spacing:2px;word-break:break-all;font-size:1.5rem}.ticket-hint{color:var(--element-fg-secondary);font-size:.85rem;margin-bottom:0!important}.btn.outline{border:1px solid var(--element-brand);color:var(--element-brand);background:0 0}.btn.outline:hover{background:var(--element-brand);color:var(--element-fg-selected)}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fail-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;animation:.5s fadeIn}.fail-icon-wrapper{color:#ff4d4f;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.fail-icon{width:40px;height:40px}.fail-icon-circle{stroke-dasharray:100;stroke-dashoffset:100px;animation:.5s ease-out forwards drawCircle}.fail-icon-x{stroke-dasharray:50;stroke-dashoffset:50px;animation:.5s ease-out .3s forwards drawCheck}.fail-view h2{color:#ff4d4f;margin-bottom:12px;font-size:1.8rem}.fail-view p{color:var(--element-fg-secondary);margin-bottom:24px;line-height:1.6}.btn.outline-fail{color:#ff4d4f;background:0 0;border:1px solid #ff4d4f}.btn.outline-fail:hover{color:#fff;background:#ff4d4f}.otp-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;animation:.5s fadeIn}.otp-view h2{color:var(--element-fg);margin-bottom:12px;font-size:1.8rem}.otp-view p{color:var(--element-fg-secondary);margin-bottom:24px;line-height:1.6}.otp-input-group{direction:ltr;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.otp-input-group input{text-align:center;width:50px;height:60px;color:var(--element-fg);background-color:#191414;border:1px solid #333;border-radius:8px;font-size:1.5rem;transition:all .3s}.otp-input-group input:focus{border-color:var(--element-brand);outline:none;box-shadow:0 0 0 2px #4bcec933}.otp-input-group input::-webkit-outer-spin-button,.otp-input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input-group input[type=number]{-moz-appearance:textfield}.otp-actions{flex-direction:column;gap:12px;width:100%;display:flex}.captcha-container{background-color:#191414;border:1px solid #333;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:8px;display:flex}.captcha-image-wrapper{border-radius:4px;flex-grow:1;justify-content:center;min-height:50px;display:flex;overflow:hidden}.captcha-image{object-fit:contain;max-height:50px}.captcha-refresh-btn{color:var(--element-fg-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.captcha-refresh-btn:hover{color:var(--element-brand);background-color:#4bcec91a}.captcha-refresh-btn:active{transform:rotate(180deg)}.captcha-refresh-btn.spinning svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.contact-page{padding-top:100px}.contact-container{padding:20px}.ticket-tracking-code{letter-spacing:1px;font-size:1.15rem}}@media (width<=400px){.otp-input-group{gap:6px}.otp-input-group input{width:40px;height:50px;font-size:1.25rem}}