.support-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.support-hero{text-align:center;padding:160px 24px 80px;position:relative;overflow:hidden}.support-hero__grid{pointer-events:none;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 0,#000 20%,#0000 100%);mask-image:radial-gradient(70% 70% at 50% 0,#000 20%,#0000 100%)}.support-hero__badge{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);background:#f256231a;border:1px solid #f2562333;border-radius:100px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-flex}.support-hero__title{color:var(--text-1);letter-spacing:-2px;max-width:800px;margin:0 auto 16px;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.08}.support-hero__sub{color:var(--text-2);max-width:600px;margin:0 auto;font-size:18px;line-height:1.7}.support-quick{padding:0 24px 80px}.support-quick__grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}.support-card{background:var(--surface);border:1px solid var(--border);transition:all .3s var(--ease);border-radius:24px;padding:32px;text-decoration:none}.support-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 20px 40px #f256230d}.support-card__icon{background:var(--surface-2);width:48px;height:48px;color:var(--accent);border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.support-card h3{color:var(--text-1);margin-bottom:12px;font-size:18px;font-weight:700}.support-card p{color:var(--text-3);font-size:14px;line-height:1.6}.support-form-section{padding:0 24px 120px}.support-form-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:32px;max-width:800px;margin:0 auto;padding:60px;box-shadow:0 10px 30px #00000005,0 30px 70px #0000000a}.support-form__header{text-align:center;margin-bottom:48px}.support-form__header h2{letter-spacing:-.5px;margin-bottom:12px;font-size:28px;font-weight:800}.support-form__header p{color:var(--text-3);font-size:15px}.support-field{margin-bottom:24px}.support-field__label{color:var(--text-2);margin-bottom:10px;font-size:14px;font-weight:600;display:block}.support-field__input,.support-field__textarea,.support-field__select{background:var(--surface-2);border:1.5px solid var(--border);width:100%;font-family:var(--font);color:var(--text-1);transition:all .2s var(--ease);border-radius:14px;outline:none;padding:14px 18px;font-size:15px}.support-field__input:focus,.support-field__textarea:focus,.support-field__select:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-dim)}.support-field__textarea{resize:vertical;min-height:160px}.support-field__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237D7D7D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;padding-right:50px}.support-form__submit{color:#fff;cursor:pointer;width:100%;transition:all .3s var(--ease);background:#000;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:700;display:flex}.support-form__submit:hover:not(:disabled){background:var(--accent);transform:translateY(-2px);box-shadow:0 12px 30px #f256234d}.support-form__submit:disabled{opacity:.6;cursor:not-allowed}.support-success{text-align:center;padding:40px 0}.support-success__icon{color:#22c55e;background:#22c55e1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.support-success h3{margin-bottom:12px;font-size:24px;font-weight:800}.support-success p{color:var(--text-3);max-width:400px;margin:0 auto 32px;line-height:1.6}.support-success__btn{background:var(--surface-2);border:1px solid var(--border-strong);cursor:pointer;border-radius:14px;padding:14px 28px;font-weight:600;transition:all .2s}.support-success__btn:hover{background:var(--surface-3)}@media (max-width:1024px){.support-quick__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.support-hero{padding:120px 20px 60px}.support-quick__grid{grid-template-columns:1fr}.support-form-wrapper{padding:40px 24px}}