.bf-root{--bf-accent:var(--color-brand-pink);--bf-accent-2:var(--color-brand-purple);--bf-glow:#f4167f59;--bf-pad:30px;--bf-gap:22px;--bf-success:#22c55e}.bf-root *{box-sizing:border-box}.bf-main{max-width:1180px;margin:0 auto;padding:16px 28px 60px}.bf-breadcrumb{font-family:var(--font-mono);letter-spacing:1.4px;color:var(--color-text-muted);text-transform:uppercase;align-items:center;gap:8px;margin:6px 0 30px 2px;font-size:11px;font-weight:700;display:flex}.bf-breadcrumb b{color:var(--color-text-secondary);font-weight:700}.bf-breadcrumb .sep{color:var(--bf-accent)}.bf-hero{align-items:center;gap:22px;margin-bottom:34px;display:flex}.bf-eyebrow{font-family:var(--font-mono);letter-spacing:2.2px;color:var(--color-xp-purple);text-transform:uppercase;align-items:center;gap:8px;margin:0 0 8px;font-size:11px;font-weight:700;display:flex}.bf-eyebrow:before{content:"";background:var(--bf-accent);width:6px;height:6px;box-shadow:0 0 8px var(--bf-accent);border-radius:50%}.bf-title{font-family:var(--font-display);letter-spacing:-1.2px;background:linear-gradient(92deg, var(--bf-accent-2) 0%, var(--bf-accent) 70%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:46px;font-weight:800;line-height:.98}.bf-sub{color:var(--color-text-secondary);max-width:560px;margin:0;font-size:15px;line-height:1.55}.bf-grid{gap:var(--bf-gap);grid-template-columns:1.55fr 1fr;align-items:start;display:grid}.bf-card{background:linear-gradient(#20133cb8,#14114080);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 8px 28px #00000061}.bf-form{padding:var(--bf-pad);position:relative;overflow:hidden}.bf-form:before{content:"";pointer-events:none;background:radial-gradient(ellipse 70% 40% at 100% 0%, var(--bf-glow), transparent 60%);opacity:.5;position:absolute;inset:0}.bf-field{margin-bottom:var(--bf-gap);position:relative}.bf-field:last-child{margin-bottom:0}.bf-label{font-family:var(--font-mono);letter-spacing:1.6px;color:var(--color-text-muted);text-transform:uppercase;margin:0 0 11px;font-size:10.5px;font-weight:700;display:block}.bf-label .opt{color:#7983bb99;font-weight:500}.bf-types{flex-wrap:wrap;gap:10px;display:flex}.bf-type{cursor:pointer;font-family:var(--font-display);color:var(--color-text-secondary);background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:10px 16px 10px 14px;font-size:14px;font-weight:700;transition:all .16s;display:inline-flex}.bf-type .ico{width:15px;height:15px}.bf-type:hover{color:#fff;border-color:#ffffff38;transform:translateY(-1px)}.bf-type.active{color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--bf-accent) 30%, transparent), color-mix(in srgb, var(--bf-accent) 12%, transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bf-accent) 60%, transparent), 0 0 18px -4px var(--bf-glow);border-color:#0000}.bf-input,.bf-textarea{width:100%;font-family:var(--font-body);color:#fff;resize:vertical;background:#0806188c;border:1px solid #ffffff1a;border-radius:14px;outline:none;padding:14px 16px;font-size:14.5px;transition:border-color .16s,box-shadow .16s}.bf-textarea{min-height:168px;line-height:1.55}.bf-input::placeholder,.bf-textarea::placeholder{color:var(--color-text-muted)}.bf-input:focus,.bf-textarea:focus{border-color:color-mix(in srgb, var(--bf-accent) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--bf-accent) 16%, transparent)}.bf-counter{font-family:var(--font-mono);color:var(--color-text-muted);pointer-events:none;background:#080618b3;border-radius:999px;padding:2px 7px;font-size:10.5px;position:absolute;bottom:12px;right:14px}.bf-shot{width:100%;min-height:116px;color:var(--color-text-muted);cursor:pointer;text-align:center;background:#08061866;border:1.5px dashed #ffffff2e;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:13.5px;font-weight:600;transition:border-color .16s,background .16s,color .16s;display:flex}.bf-shot:hover{border-color:color-mix(in srgb, var(--bf-accent) 55%, transparent);color:#fff;background:#08061899}.bf-shot img.ico{opacity:.8;width:22px;height:22px}.bf-shot.login{cursor:default;border-style:solid;border-color:#ffffff14}.bf-shot.login:hover{color:var(--color-text-muted);background:#08061866}.bf-shot-preview{border:1px solid #ffffff1a;border-radius:14px;width:100%;position:relative;overflow:hidden}.bf-shot-preview img{object-fit:cover;width:100%;max-height:220px;display:block}.bf-shot-remove{cursor:pointer;font-family:var(--font-mono);color:#fff;background:#080618cc;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:8px;right:8px}.bf-footrow{flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px;display:flex}.bf-submit{cursor:pointer;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg, var(--bf-accent-2), var(--bf-accent));box-shadow:0 10px 26px -8px var(--bf-glow);border:none;border-radius:999px;align-items:center;gap:9px;padding:13px 26px;font-size:15px;font-weight:800;transition:transform .12s,filter .15s,box-shadow .15s;display:inline-flex}.bf-submit:hover{filter:brightness(1.07);box-shadow:0 14px 32px -8px var(--bf-glow);transform:translateY(-2px)}.bf-submit:active{transform:translateY(0)}.bf-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.bf-privacy{color:var(--color-text-muted);align-items:baseline;gap:5px;max-width:280px;font-size:12px;line-height:1.5;display:inline-flex}.bf-privacy img{width:13px;height:13px}.bf-error{color:var(--bf-accent);margin:12px 0 0;font-size:13px;font-weight:600}.bf-success{padding:calc(var(--bf-pad) + 8px) var(--bf-pad);text-align:center}.bf-success-mark{background:radial-gradient(circle at 40% 35%,#22c55e66,#22c55e1f);border:1px solid #22c55e80;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 20px;animation:.45s cubic-bezier(.2,1.4,.4,1) both bf-pop;display:grid;box-shadow:0 0 32px -6px #22c55e80}.bf-success-mark img{width:34px;height:34px}@keyframes bf-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.bf-success-mark{animation:none}}.bf-success h3{font-family:var(--font-display);align-items:center;gap:8px;margin:0 0 8px;font-size:24px;font-weight:800;display:inline-flex}.bf-success h3 img{width:22px;height:22px}.bf-success p{color:var(--color-text-secondary);max-width:380px;margin:0 auto 22px;font-size:14px;line-height:1.55}.bf-ghost-btn{cursor:pointer;font-family:var(--font-display);color:var(--color-text-secondary);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.bf-ghost-btn:hover{color:#fff;border-color:#ffffff40}.bf-aside{gap:var(--bf-gap);flex-direction:column;display:flex}.bf-panel{padding:calc(var(--bf-pad) - 4px)}.bf-panel-h{font-family:var(--font-mono);letter-spacing:1.6px;color:var(--color-text-muted);text-transform:uppercase;margin:0 0 18px;font-size:10.5px;font-weight:700}.bf-steps{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.bf-step{align-items:flex-start;gap:14px;display:flex}.bf-step-n{width:30px;height:30px;font-family:var(--font-mono);color:#fff;background:linear-gradient(135deg,#7367f066,#f4167f4d);border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.bf-step-b{padding-top:3px}.bf-step-b strong{font-family:var(--font-display);color:#fff;margin-bottom:3px;font-size:14.5px;font-weight:700;display:block}.bf-step-b span{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.bf-log{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bf-log li{border-top:1px solid #ffffff12;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.bf-log li:first-child{border-top:none;padding-top:0}.bf-log .dot{background:var(--bf-success);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px;box-shadow:0 0 8px #22c55eb3}.bf-log .txt{color:var(--color-text-secondary);flex:1;font-size:13px;line-height:1.45}.bf-log .ver{font-family:var(--font-mono);color:var(--color-xp-purple);letter-spacing:.4px;margin-top:4px;font-size:10px;font-weight:700;display:block}.bf-discord{padding:var(--bf-pad);text-align:center;background:linear-gradient(135deg,#5865f238,#5865f20f);border:1px solid #5865f259;border-radius:20px}.bf-discord .ico{color:#fff}.bf-discord .ico svg{width:30px;height:30px}.bf-discord h4{font-family:var(--font-display);margin:10px 0 6px;font-size:17px;font-weight:800}.bf-discord p{color:var(--color-text-secondary);margin:0 0 16px;font-size:13px;line-height:1.5}.bf-discord a{font-family:var(--font-display);color:#fff;background:linear-gradient(135deg,#5865f2,#4752c4);border-radius:999px;align-items:center;gap:9px;padding:11px 22px;font-size:13.5px;font-weight:800;text-decoration:none;transition:transform .12s,filter .15s;display:inline-flex;box-shadow:0 8px 20px -8px #5865f2b3}.bf-discord a:hover{filter:brightness(1.08);transform:translateY(-2px)}.bf-discord a svg{width:18px;height:18px}@media (max-width:920px){.bf-grid{grid-template-columns:1fr}.bf-title{font-size:38px}.bf-main{padding:12px 18px 56px}}@media (max-width:540px){.bf-title{font-size:32px}}