.free-code{--fc-bg:#fbf6ea;--fc-card-bg:#fff;--fc-border:#8a5a1f2e;--fc-accent:#8a5a1f;--fc-accent-soft:#e8c97a;--fc-text-primary:#1a2238;--fc-text-secondary:#5b6478;background-color:var(--fc-bg);border-top:1px solid var(--fc-border);padding:clamp(2rem,1.5rem + 2vw,3.5rem) 1rem}.free-code .container{max-width:980px;margin-inline:auto}.free-code__card{background:var(--fc-card-bg);border:1px solid var(--fc-border);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(1rem,.6rem + 2vw,2.25rem);min-width:0;padding:clamp(1.25rem,1rem + 1.5vw,2rem) clamp(1.25rem,1rem + 2vw,2.5rem);display:flex;position:relative;overflow:hidden;box-shadow:0 1px #8a5a1f0a,0 16px 40px -24px #8a5a1f40}.free-code__card:before{content:"";pointer-events:none;background:radial-gradient(120% 100% at 0 0,#e8c97a2e,#0000 55%),radial-gradient(120% 100% at 100% 100%,#f1e3d659,#0000 60%);position:absolute;inset:0}.free-code__text{flex-direction:column;gap:.4rem;min-width:220px;max-width:100%;display:flex;position:relative}.free-code__eyebrow{font-family:var(--font-sans,"Inter", system-ui, sans-serif);text-transform:uppercase;letter-spacing:.16em;color:var(--fc-accent);overflow-wrap:anywhere;margin:0;font-size:.78rem;font-weight:600}.free-code__hint{font-family:var(--font-sans,"Inter", system-ui, sans-serif);color:var(--fc-text-secondary);overflow-wrap:break-word;margin:0;font-size:.875rem}.free-code__steps{flex-direction:column;gap:.3rem;max-width:40ch;margin:.2rem 0 0;padding-left:1.25rem;list-style:decimal;display:flex}.free-code__steps li{font-family:var(--font-sans,"Inter", system-ui, sans-serif);color:var(--fc-text-secondary);overflow-wrap:break-word;font-size:.875rem;line-height:1.4}.free-code__steps li::marker{color:var(--fc-text-secondary);font-weight:600}.free-code__value-wrap{flex-wrap:wrap;align-items:center;gap:clamp(.75rem,.5rem + 1vw,1.25rem);min-width:0;display:flex;position:relative}.free-code__value{letter-spacing:.08em;color:var(--fc-text-primary);-webkit-user-select:all;user-select:all;background:linear-gradient(#f6e7b68c,#e8c97a47);border:1px solid #8a5a1f33;border-radius:12px;max-width:100%;padding:.4rem 1rem;font-family:JetBrains Mono,SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:clamp(2rem,1.4rem + 3vw,3.25rem);font-weight:700;line-height:1}.free-code__copy{appearance:none;border:1px solid var(--fc-text-primary);background:var(--fc-text-primary);color:#fff;font-family:var(--font-sans,"Inter", system-ui, sans-serif);letter-spacing:.02em;cursor:pointer;border-radius:999px;min-height:44px;padding:.65rem 1.15rem;font-size:.9rem;font-weight:500;transition:transform .15s,background .2s,color .2s,box-shadow .2s}.free-code__copy:hover,.free-code__copy:focus-visible{background:var(--fc-accent);border-color:var(--fc-accent);color:#fff;outline:none;box-shadow:0 0 0 4px #8a5a1f2e}.free-code__copy:active{transform:translateY(1px)}@media(max-width:640px){.free-code__card{text-align:left;flex-direction:column;align-items:flex-start;padding:clamp(1rem,5vw,1.5rem)}.free-code__value-wrap{justify-content:flex-start;width:100%}.free-code__copy{width:100%}}@media(prefers-reduced-motion:reduce){.free-code__copy{transition:none}}