/* Base UI */
.sfe-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.3px;line-height:1;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.12)}
.sfe-badge--gold{background:linear-gradient(135deg,#cfa140,#ffd77a);color:#3a2a00}
.sfe-badge--silver{background:linear-gradient(135deg,#9ea4ad,#e6eaef);color:#1d2630}
.sfe-badge--bronze{background:linear-gradient(135deg,#a5673f,#d7a788);color:#2d1a11}
.sfe-badge--red{background:#d61d4d}.sfe-badge--green{background:#2bbf6a}.sfe-badge--blue{background:#2f7bdc}
.sfe-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;font-weight:800;text-decoration:none;color:#fff;background:linear-gradient(270deg,#9c0b43,#b81e5f,#9c0b43);background-size:600% 600%;animation:sfeGradient 6s ease infinite;box-shadow:0 6px 20px rgba(156,11,67,.35);transition:transform .15s ease-in-out}
.sfe-btn:hover{transform:translateY(-1px)}.sfe-btn:active{transform:scale(.98)}.sfe-btn__icon{filter:drop-shadow(0 1px 0 #fff5)}
@keyframes sfeGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.sfe-notice{padding:14px 16px;border-radius:14px;margin:10px 0;font-weight:600}
.sfe-notice--info{background:#e9f3ff;color:#0b3d91;border:1px solid #c9e3ff}
.sfe-notice--success{background:#e9fff3;color:#0f7a43;border:1px solid #c7f3db}
.sfe-notice--warning{background:#fff8e5;color:#8a5b00;border:1px solid #ffe7a6}
.sfe-notice--danger{background:#ffe9ee;color:#9c1234;border:1px solid #ffc4d1}
.sfe-pixel-grid{display:inline-block}