.mfc-header{position:relative;background:#000;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06)}
.mfc-brandbar{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:14px;justify-content:center}
.mfc-logo{height:42px;width:auto;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45))}
.mfc-mark{height:36px;width:auto;opacity:.95}

.mfc-wrap{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:60dvh;padding:28px 16px;gap:22px;background:#111}
.mfc-table{position:relative;width:min(820px,96vw);background:#1a1a1a;border:1px solid rgba(255,255,255,.06);border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.55);padding:26px 16px 42px;display:grid;place-items:center}
.mfc-scene{position:relative;width:min(760px,92vw);max-width:760px}
.mfc-cookie{width:100%;height:auto;display:block;border-radius:12px;opacity:1;transition:opacity .25s ease}
.mfc-cookie--whole.mfc-hide{opacity:0}
.mfc-cookie--broken{position:absolute;inset:0;opacity:0;transition:opacity .25s ease}
.mfc-scene.mfc-open .mfc-cookie--broken{opacity:1}

.mfc-paper{position:absolute;left:50%;bottom:14%;transform:translateX(-50%) translateY(40%) rotate(-6deg) scale(.85);
  width:72%;max-width:520px;background:#f6f6f2;color:#101018;border-radius:6px;padding:12px 16px;border:1px solid rgba(0,0,0,.25);
  box-shadow:0 10px 30px rgba(0,0,0,.45);opacity:0;pointer-events:none;}
.mfc-fortune{font-weight:800;font-size:clamp(16px,2.2vw,22px);line-height:1.35}
.mfc-meta{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
.mfc-btn{appearance:none;background:#D72638;color:#fff;border:1px solid #D72638;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;letter-spacing:.02em;box-shadow:0 6px 16px rgba(215,38,56,.25);}
.mfc-btn:hover{filter:brightness(.92)}
.mfc-btn:focus{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 3px rgba(215,38,56,.35)}
.mfc-btn:active{transform:translateY(1px)}

.mfc-scene.mfc-open .mfc-paper{opacity:1;pointer-events:auto;animation:mfc-roll .9s cubic-bezier(.2,.9,.2,1) both}
@keyframes mfc-roll{0%{transform:translateX(-50%) translateY(42%) rotate(-8deg) scale(.82);filter:blur(1.2px)}60%{transform:translateX(-50%) translateY(-6%) rotate(-2.8deg) scale(1.06)}80%{transform:translateX(-50%) translateY(2%) rotate(-1.2deg) scale(.98)}100%{transform:translateX(-50%) translateY(0) rotate(-1.5deg) scale(1);filter:blur(0)}}

.mfc-ctas{display:flex;gap:10px;margin-top:16px}
.mfc-cta{flex:1;padding:12px 14px;border-radius:14px;background:#D72638;border:1px solid #D72638;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(215,38,56,.25)}
.mfc-footer{margin-top:18px;opacity:.6;font-size:12px;text-align:center}
.mfc-footer a{color:#b9b9c6;text-decoration:none;border-bottom:1px dotted rgba(255,255,255,.2)}