.sup-page{z-index:2;min-height:100dvh;padding:clamp(96px,14vh,150px) clamp(20px,5vw,48px) clamp(48px,8vh,90px);position:relative;overflow:hidden}.sup-glow{filter:blur(20px);pointer-events:none;z-index:0;background:radial-gradient(circle,#8b6cff38,#0000 62%);width:80vw;max-width:760px;height:50vw;max-height:480px;position:absolute;top:-12%;left:50%;transform:translate(-50%)}.sup-wrap{z-index:1;max-width:680px;margin:0 auto;position:relative}.sup-head{text-align:center;margin-bottom:clamp(28px,4vw,44px)}.sup-title{margin-bottom:14px;font-size:clamp(32px,5.5vw,52px)}.sup-sub{color:var(--muted);max-width:44ch;margin:0 auto;font-size:clamp(15px,1.6vw,18px);line-height:1.6}.sup-card{background:linear-gradient(180deg, var(--panel), var(--ink-2));border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,42px);box-shadow:0 40px 80px -50px #000000e6}.sup-card-title{margin-bottom:26px;font-size:clamp(20px,2.6vw,26px)}.sup-form{flex-direction:column;gap:18px;display:flex}.sup-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.sup-field{flex-direction:column;gap:8px;display:flex}.sup-label{color:var(--muted);font-size:13px;font-weight:500}.sup-input{width:100%;font-family:var(--font-body), sans-serif;color:var(--text);border:1px solid var(--line-strong);background:#ffffff08;border-radius:12px;padding:13px 15px;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s}.sup-input::placeholder{color:var(--muted-2)}.sup-input:focus{border-color:var(--violet);background:#8b6cff0f;outline:none;box-shadow:0 0 0 3px #8b6cff2e}.sup-textarea{resize:vertical;min-height:120px}.sup-select-wrap{position:relative}.sup-select{appearance:none;cursor:pointer;padding-right:44px}.sup-select option{background:var(--panel-2);color:var(--text)}.sup-caret{width:18px;height:18px;color:var(--violet-bright);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.sup-submit{font-family:var(--font-body), sans-serif;color:#fff;background:linear-gradient(180deg, var(--violet), var(--violet-deep));cursor:pointer;border:none;border-radius:13px;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:15px 24px;font-size:16px;font-weight:600;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 14px 40px -14px #6b4af0b3,inset 0 1px #fff3}.sup-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 50px -12px #6b4af0d9,inset 0 1px #ffffff40}.sup-submit:disabled{opacity:.65;cursor:not-allowed}.sup-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite sup-spin}@keyframes sup-spin{to{transform:rotate(360deg)}}.sup-msg{border-radius:12px;padding:14px 16px;font-size:14.5px;line-height:1.55}.sup-msg.success{color:#7ee0a8;background:#2ea0641f;border:1px solid #2ea0644d}.sup-msg.error{color:#ff9b9b;background:#dc3c3c1f;border:1px solid #dc3c3c4d}.sup-direct{text-align:center;color:var(--muted);margin-top:26px;font-size:14px}.sup-direct-link{color:var(--violet-bright);font-weight:600}.sup-direct-link:hover{text-decoration:underline}@media (max-width:560px){.sup-grid{grid-template-columns:1fr}}