*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--c1:#6c3de8;--c2:#e83d8c;--c3:#3d8ce8;--c4:#e8a83d;--glass-bg:#ffffff14;--glass-b:#ffffff2e;--glass-blur:blur(18px);--text:#fff;--text-muted:#ffffff8c;--error:#ff5c7a;--radius:20px;--radius-sm:12px}html,body,#root{height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden}.page-bg{z-index:-1;background:radial-gradient(at 20% 10%,#7c3aed88 0%,#0000 55%),radial-gradient(at 80% 20%,#db2777aa 0%,#0000 50%),radial-gradient(at 60% 80%,#2563ebaa 0%,#0000 55%),radial-gradient(at 10% 80%,#ea580c66 0%,#0000 50%),#0a0612;animation:12s ease-in-out infinite alternate bgShift;position:fixed;inset:0}@keyframes bgShift{0%{filter:hue-rotate()brightness()}50%{filter:hue-rotate(20deg)brightness(1.08)}to{filter:hue-rotate(-15deg)brightness(.95)}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-b);border-radius:var(--radius);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1f}.page{max-width:480px;min-height:100dvh;margin:0 auto;padding:28px 16px 48px;position:relative}.page--center{justify-content:center;align-items:center;display:flex}.page-header{margin-bottom:24px}.header-badge{letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg, var(--c1), var(--c2));border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.page-title{background:linear-gradient(135deg,#fff 30%,#fff9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800}.page-sub{color:var(--text-muted);margin-top:6px;font-size:13px}.form{flex-direction:column;gap:20px;padding:24px;display:flex}.logo-picker{cursor:pointer;flex-direction:column;align-items:center;gap:10px;width:fit-content;margin:0 auto;display:flex;position:relative}.logo-preview{object-fit:cover;border:2px solid var(--glass-b);border-radius:50%;width:90px;height:90px;box-shadow:0 0 0 3px #6c3de880,0 8px 24px #0006}.logo-placeholder{background:var(--glass-bg);border:2px dashed var(--glass-b);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:34px;transition:border-color .2s;display:flex}.logo-picker:hover .logo-placeholder{border-color:#ffffff80}.logo-label{color:#ffffffb3;font-size:12px;font-weight:500}.logo-remove{background:var(--error);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:15px;display:flex;position:absolute;top:0;right:-4px;box-shadow:0 2px 8px #0006}.field{flex-direction:column;gap:7px;display:flex}.field-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:700}.field-label em{color:#a78bfa;font-style:normal}.field-input,.field-select{border-radius:var(--radius-sm);color:var(--text);appearance:none;background:#140830d9;border:1px solid #ffffff24;outline:none;width:100%;padding:13px 16px;font-size:15px;transition:border-color .2s,background .2s}.field-select option{color:#fff;background:#140830}.field-input::placeholder{color:#ffffff4d}.field-input:focus,.field-select:focus{background:#ffffff1a;border-color:#a78bfab3}.field-input--tag{text-transform:uppercase;letter-spacing:.12em;font-weight:700}.field-hint{color:var(--text-muted);font-size:12px}.field-input--ok{border-color:#4ade8099!important}.field-input--err{border-color:#ff5c7a99!important}.field-check{font-size:12px;font-weight:600}.field-check--ok{color:#4ade80}.field-check--err{color:var(--error)}.field-check--spin{color:var(--text-muted)}.select-wrap{position:relative}.select-wrap:after{content:"▾";color:var(--text-muted);pointer-events:none;font-size:13px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.field-select{cursor:pointer;padding-right:36px}.field-select:disabled{opacity:.4;cursor:not-allowed}.field-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0a 0%,#ffffff1a 50%,#ffffff0a 100%) 0 0/200% 100%;height:48px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.form-error{color:var(--error);border-radius:var(--radius-sm);background:#ff5c7a1f;border:1px solid #ff5c7a4d;padding:11px 15px;font-size:13px}.btn-primary{background:linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:15px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;position:relative;overflow:hidden;box-shadow:0 4px 20px #6c3de880}.btn-primary:before{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff2e 100%);position:absolute;inset:0}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #6c3de8a6}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-loading{justify-content:center;align-items:center;gap:8px;display:flex}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.form-note{color:var(--text-muted);text-align:center;font-size:12px;line-height:1.6}.gate-screen{text-align:center;background:radial-gradient(at 30% 20%,#7c3aed66 0%,#0000 60%),radial-gradient(at 70% 80%,#db277766 0%,#0000 60%),#0a0612;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:32px;display:flex}.gate-icon{font-size:56px}.gate-title{font-size:22px;font-weight:700}.gate-text{color:var(--text-muted);font-size:14px;line-height:1.7}.gate-spinner{border:3px solid #ffffff26;border-top-color:#a78bfa;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}.success-card{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:340px;padding:36px 28px;display:flex}.success-icon{font-size:60px}.success-title{font-size:24px;font-weight:800}.success-team{align-items:center;gap:8px;font-size:16px;display:flex}.success-tag{background:linear-gradient(135deg, var(--c1), var(--c2));border-radius:20px;padding:2px 10px;font-size:13px;font-weight:700}.success-status{font-size:14px}.success-note{color:var(--text-muted);font-size:13px;line-height:1.7}.badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge--pending{color:#fbbf24;background:#eab30833}.badge--approved{color:#4ade80;background:#22c55e33}.badge--blocked{color:#f87171;background:#ef444433}.badge--banned{color:#9ca3af;background:#64646433}
