.contact-page{height:100vh;background-color:#0a0a0a;color:#ffffff;padding:20px;max-width:650px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;box-sizing:border-box}.contact-form-section{width:100%;max-width:600px;display:flex;flex-direction:column;flex:1 1;min-height:0}.back-button{background:none;border:none;color:#ffffff;cursor:pointer;padding:0;margin-left:0;display:flex;align-items:center;align-self:flex-start;transition:opacity .2s}.back-button:hover{opacity:.7}.contact-title{font-size:28px;font-weight:600;margin-bottom:12px;color:#ffffff}.contact-description{font-size:13px;line-height:1.5;color:#a0a0a0;margin-bottom:20px}.email-link{color:#4a9eff;text-decoration:none;transition:opacity .2s}.email-link:hover{opacity:.8}.contact-form{display:flex;flex-direction:column;gap:12px;width:100%}.email-input,.message-input{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:14px 16px;color:#ffffff;font-size:14px;font-family:inherit;transition:border-color .2s}.email-input::placeholder,.message-input::placeholder{color:#606060}.email-input:focus,.message-input:focus{outline:none;border-color:#3a3a3a}.email-input{flex-shrink:0}.message-input{resize:none;height:120px;min-height:120px;max-height:120px}.continue-button{background-color:#2d6a6a;color:#ffffff;border:none;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:30px;width:100%}.continue-button:hover{background-color:#357878}.continue-button:active{background-color:#255858}.continue-button:disabled{background-color:#1a4444;cursor:not-allowed;opacity:.6}.contact-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:999;animation:fadeIn .3s ease}.contact-success-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1a1a1a;border-radius:16px;padding:32px 24px 24px;z-index:1000;animation:fadeIn .3s ease;max-width:500px;width:90%;box-shadow:0 4px 20px rgba(0,0,0,.5)}.popup-title{font-size:20px;font-weight:600;color:#ffffff;margin-bottom:12px;text-align:left}.popup-description{font-size:14px;line-height:1.5;color:#a0a0a0;margin-bottom:32px;text-align:left}.popup-button{width:100%;background-color:#2d6a6a;color:#ffffff;border:none;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.popup-button:hover{background-color:#357878}.popup-button:active{background-color:#255858}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:768px){.contact-success-popup{position:fixed;top:auto;bottom:0;left:0;right:0;transform:none;border-radius:16px 16px 0 0;max-width:100%;width:100%;animation:slideUp .3s ease}}.support-info-section{background-color:#121212;border-radius:12px;padding:24px;max-width:600px}.support-title{font-size:24px;font-weight:600;margin-bottom:20px;color:#ffffff}.support-menu{display:flex;flex-direction:column;gap:4px}.support-item{display:flex;align-items:center;gap:16px;background:none;border:none;color:#ffffff;padding:16px 12px;text-align:left;cursor:pointer;border-radius:8px;transition:background-color .2s;font-size:15px}.support-item:hover{background-color:#1a1a1a}.support-icon{display:flex;align-items:center;justify-content:center;color:#a0a0a0}.support-icon svg{width:22px;height:22px}@media (max-width:768px){.contact-page{padding:16px}.contact-title{font-size:28px}.support-title{font-size:20px}.contact-form,.support-info-section{max-width:100%}}@media (max-width:480px){.contact-title{font-size:24px}.contact-description{font-size:13px}.support-item{font-size:14px;padding:14px 8px}}