:root {
    --bg: #050505;
    --panel: rgba(20, 20, 20, .92);
    --panel-2: #1d1a13;
    --gold: #d7ad4a;
    --gold-light: #f7e3a3;
    --text: #f8f3e7;
    --muted: #bcb3a0;
    --border: rgba(215, 173, 74, .34);
    --danger: #c85d5d;
    --success: #5fb47a;
    --ease: cubic-bezier(.2,.75,.25,1);
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); scroll-behavior: smooth; }
body {
    margin: 0;
    min-height: 100vh;
    overflow-x: hidden;
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
        radial-gradient(circle at 15% 0%, rgba(215,173,74,.16), transparent 35rem),
        radial-gradient(circle at 90% 20%, rgba(109,75,18,.10), transparent 28rem),
        linear-gradient(180deg, #0b0905 0%, var(--bg) 44%, #090806 100%);
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    opacity: .33;
    background-image:
        linear-gradient(rgba(215,173,74,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(215,173,74,.035) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 88%);
}
body::after {
    content: "";
    position: fixed;
    inset: -30%;
    z-index: -4;
    pointer-events: none;
    background: conic-gradient(from 180deg at 50% 50%, transparent, rgba(215,173,74,.07), transparent 30%, rgba(247,227,163,.04), transparent 67%);
}
body.motion-full::after { animation: ambientRotate 28s linear infinite; }
a { color: var(--gold-light); }
button, input, select, textarea { font: inherit; }
.site-shell { min-height: 100vh; animation: shellEntrance .55s var(--ease) both; }

.topbar {
    display:flex; align-items:center; justify-content:space-between; gap:20px;
    padding:18px 28px; border-bottom:1px solid var(--border);
    background:rgba(7,7,7,.82); backdrop-filter:blur(18px) saturate(125%);
    position:sticky; top:0; z-index:30; box-shadow:0 10px 40px rgba(0,0,0,.24);
}
.topbar::after {
    content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px;
    background:linear-gradient(90deg, transparent, rgba(247,227,163,.8), transparent);
    transform:scaleX(.1); opacity:.2;
}
body.motion-full .topbar::after { animation: headerSweep 5.8s ease-in-out infinite; }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--gold-light); font-weight:900; letter-spacing:.06em; text-shadow:0 0 26px rgba(215,173,74,.25); }
.brand::before { content:"M"; display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(247,227,163,.65); border-radius:50%; background:radial-gradient(circle, rgba(215,173,74,.34), rgba(10,10,10,.85) 70%); box-shadow:0 0 28px rgba(215,173,74,.22); }
.menu { display:flex; gap:10px; flex-wrap:wrap; }
.menu a { position:relative; overflow:hidden; text-decoration:none; padding:9px 11px; border-radius:9px; color:var(--text); transition:transform .22s var(--ease), color .22s ease, background .22s ease; }
.menu a::after { content:""; position:absolute; left:12px; right:12px; bottom:4px; height:1px; transform:scaleX(0); background:linear-gradient(90deg, transparent, var(--gold-light), transparent); transition:transform .25s var(--ease); }
.menu a:hover,.menu a:focus-visible { background:rgba(215,173,74,.09); color:var(--gold-light); transform:translateY(-1px); }
.menu a:hover::after,.menu a:focus-visible::after { transform:scaleX(1); }
.container { width:min(1160px, calc(100% - 32px)); margin:36px auto 72px; }
.container > h1, section > h1 { letter-spacing:-.02em; }

/* Dynamic landing */
.hero { position:relative; isolation:isolate; min-height:100svh; display:grid; place-items:center; overflow:hidden; text-align:center; padding:30px; background:radial-gradient(circle at 50% 45%, rgba(215,173,74,.18), transparent 28rem), linear-gradient(145deg, rgba(5,5,5,.35), rgba(23,17,5,.18)); }
.hero::before { content:""; position:absolute; inset:-20%; z-index:-4; background:radial-gradient(circle at 25% 35%, rgba(247,227,163,.12), transparent 20%), radial-gradient(circle at 74% 62%, rgba(215,173,74,.10), transparent 22%), conic-gradient(from 90deg, transparent, rgba(215,173,74,.12), transparent 30%, rgba(247,227,163,.08), transparent 64%); filter:blur(14px); }
body.motion-full .hero::before { animation: heroAtmosphere 18s ease-in-out infinite alternate; }
.hero-grid { position:absolute; inset:-30%; z-index:-3; opacity:.34; background-image:linear-gradient(rgba(247,227,163,.08) 1px, transparent 1px),linear-gradient(90deg, rgba(247,227,163,.08) 1px, transparent 1px); background-size:58px 58px; transform:perspective(700px) rotateX(68deg) translateY(24%); transform-origin:center bottom; mask-image:linear-gradient(to top, black, transparent 78%); }
body.motion-full .hero-grid { animation:gridTravel 12s linear infinite; }
.hero-orb { position:absolute; width:clamp(240px,34vw,560px); aspect-ratio:1; border-radius:50%; border:1px solid rgba(247,227,163,.14); box-shadow:inset 0 0 70px rgba(215,173,74,.07),0 0 90px rgba(215,173,74,.08); z-index:-2; }
.hero-orb::before,.hero-orb::after { content:""; position:absolute; inset:12%; border:1px solid rgba(247,227,163,.10); border-radius:50%; }
.hero-orb::after { inset:25%; }
body.motion-full .hero-orb { animation:orbSpin 16s linear infinite; }
.hero-particles { position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; opacity:.85; }
.hero-vignette { position:absolute; inset:0; z-index:-1; pointer-events:none; box-shadow:inset 0 0 180px 45px rgba(0,0,0,.78); }
.hero-card { position:relative; width:min(860px,100%); padding:clamp(34px,7vw,72px); border:1px solid rgba(247,227,163,.34); background:linear-gradient(145deg, rgba(17,17,17,.86), rgba(6,6,6,.76)); backdrop-filter:blur(22px) saturate(125%); border-radius:32px; box-shadow:0 42px 130px rgba(0,0,0,.68), inset 0 1px rgba(255,255,255,.04); overflow:hidden; transform-style:preserve-3d; transition:transform .16s ease-out; }
.hero-card::before { content:""; position:absolute; inset:-2px; z-index:-1; border-radius:inherit; background:conic-gradient(from var(--hero-angle,0deg),transparent 0 35%,rgba(247,227,163,.68) 48%,transparent 61% 100%); opacity:.35; filter:blur(9px); }
.hero-card::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.08) 46%,transparent 65%); transform:translateX(-120%); }
body.motion-full .hero-card::before { animation:borderOrbit 9s linear infinite; }
body.motion-full .hero-card::after { animation:glassSweep 7.2s ease-in-out infinite 1.4s; }
.hero-emblem { width:86px; height:86px; margin:0 auto 22px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(247,227,163,.5); background:radial-gradient(circle at 38% 30%,rgba(247,227,163,.34),rgba(20,14,4,.45) 48%,rgba(4,4,4,.9)); color:var(--gold-light); font-size:1.35rem; font-weight:950; letter-spacing:.08em; box-shadow:0 0 0 8px rgba(215,173,74,.04),0 0 48px rgba(215,173,74,.24); }
body.motion-full .hero-emblem { animation:emblemPulse 3.8s ease-in-out infinite; }
.hero .badge { opacity:0; transform:translateY(12px); animation:revealUp .7s var(--ease) .1s forwards; }
.hero h1 { max-width:820px; margin:.25em auto; color:var(--gold-light); font-size:clamp(2.25rem,6.4vw,5.55rem); line-height:.98; letter-spacing:-.045em; text-wrap:balance; text-shadow:0 0 45px rgba(215,173,74,.18); opacity:0; transform:translateY(22px) scale(.985); animation:heroTitle 1s var(--ease) .24s forwards; }
.hero p { max-width:660px; margin:20px auto 30px; color:var(--muted); font-size:clamp(1rem,2vw,1.22rem); line-height:1.7; opacity:0; transform:translateY(16px); animation:revealUp .85s var(--ease) .48s forwards; }
.hero .btn { opacity:0; transform:translateY(16px) scale(.98); animation:revealUp .8s var(--ease) .68s forwards; }

.btn { position:relative; isolation:isolate; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:45px; border:0; border-radius:11px; padding:12px 19px; background:linear-gradient(135deg,var(--gold-light),var(--gold) 55%,#b78925); color:#111; font-weight:900; text-decoration:none; cursor:pointer; box-shadow:0 9px 28px rgba(215,173,74,.18), inset 0 1px rgba(255,255,255,.45); transition:transform .22s var(--ease),box-shadow .22s ease,filter .22s ease; }
.btn::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.55),transparent 58%); transform:translateX(-130%); }
body.motion-full .btn::before { animation:buttonSheen 4.7s ease-in-out infinite; }
.btn:hover,.btn:focus-visible { transform:translateY(-2px) scale(1.015); box-shadow:0 15px 38px rgba(215,173,74,.30); filter:saturate(1.08); }
.btn:active { transform:translateY(0) scale(.99); }
.btn.secondary { background:rgba(215,173,74,.04); color:var(--gold-light); border:1px solid var(--border); box-shadow:none; }
.btn.danger { background:linear-gradient(135deg,#df7777,var(--danger)); color:#fff; }
.btn:disabled,button:disabled { opacity:.5; cursor:not-allowed; transform:none; }
.grid { display:grid; gap:20px; }
.grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.card { position:relative; background:linear-gradient(165deg,rgba(24,24,24,.94),rgba(10,10,10,.96)); border:1px solid var(--border); border-radius:19px; padding:24px; box-shadow:0 18px 60px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.025); transition:transform .34s var(--ease),border-color .34s ease,box-shadow .34s ease; }
.card::before { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:linear-gradient(120deg,rgba(247,227,163,.06),transparent 34%); opacity:0; transition:opacity .35s ease; }
.card:hover { transform:translateY(-3px); border-color:rgba(247,227,163,.47); box-shadow:0 24px 70px rgba(0,0,0,.32); }
.card:hover::before { opacity:1; }
.card h2,.card h3 { color:var(--gold-light); }
[data-reveal] { opacity:0; transform:translateY(22px); }
[data-reveal].is-visible { opacity:1; transform:none; transition:opacity .68s var(--ease),transform .68s var(--ease); transition-delay:var(--reveal-delay,0ms); }
label { display:block; font-weight:750; margin:15px 0 6px; }
input,select,textarea { width:100%; border:1px solid #554a31; border-radius:10px; padding:12px 13px; background:rgba(7,7,7,.88); color:var(--text); outline:none; transition:border-color .22s ease,box-shadow .22s ease,transform .22s var(--ease); }
input:focus,select:focus,textarea:focus { border-color:var(--gold); box-shadow:0 0 0 4px rgba(215,173,74,.11); transform:translateY(-1px); }
textarea { min-height:120px; resize:vertical; }
.checkbox { display:flex; gap:10px; align-items:flex-start; }
.checkbox input { width:auto; margin-top:4px; }
.actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; }
.flash { padding:14px 17px; border-radius:11px; margin:10px 0; border:1px solid var(--border); background:linear-gradient(135deg,var(--panel-2),rgba(8,8,8,.95)); box-shadow:0 10px 32px rgba(0,0,0,.2); }
.flash { animation:flashIn .48s var(--ease) both; }
.flash.success { border-color:var(--success); }
.flash.error { border-color:var(--danger); }
.flash strong { color:var(--gold-light); }
.table-wrap { overflow:auto; border-radius:16px; }
table { width:100%; border-collapse:collapse; }
th,td { padding:12px; border-bottom:1px solid #332b1b; text-align:left; vertical-align:top; }
tbody tr { transition:background .2s ease; }
tbody tr:hover { background:rgba(215,173,74,.045); }
.badge { display:inline-block; padding:6px 10px; border:1px solid rgba(215,173,74,.18); border-radius:999px; background:rgba(48,39,20,.86); color:var(--gold-light); font-size:.82rem; font-weight:850; letter-spacing:.035em; }
.sidebar-layout { display:grid; grid-template-columns:250px 1fr; gap:26px; }
.sidebar { position:sticky; top:96px; background:linear-gradient(165deg,rgba(20,20,20,.94),rgba(9,9,9,.95)); border:1px solid var(--border); border-radius:17px; padding:14px; height:max-content; box-shadow:0 20px 65px rgba(0,0,0,.26); }
.sidebar a { position:relative; display:block; padding:11px 12px 11px 15px; text-decoration:none; border-radius:9px; color:var(--text); transition:background .22s ease,color .22s ease,transform .22s var(--ease); }
.sidebar a::before { content:""; position:absolute; left:5px; top:50%; width:3px; height:0; border-radius:4px; background:var(--gold-light); transform:translateY(-50%); transition:height .22s var(--ease); }
.sidebar a:hover,.sidebar a:focus-visible { background:rgba(215,173,74,.09); color:var(--gold-light); transform:translateX(3px); }
.sidebar a:hover::before,.sidebar a:focus-visible::before { height:55%; }
.muted { color:var(--muted); }
.footer { border-top:1px solid var(--border); color:var(--muted); padding:28px; text-align:center; background:rgba(4,4,4,.48); }
.payment-html { background:#fff; color:#111; border-radius:10px; padding:16px; overflow:auto; }
.metric { font-size:2.55rem; font-weight:950; color:var(--gold-light); margin:.25rem 0; text-shadow:0 0 28px rgba(215,173,74,.16); }
code { background:#050505; border:1px solid #332b1b; border-radius:6px; padding:2px 5px; }
.motion-setting { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:12px 0 22px; }
.motion-choice { display:block; cursor:pointer; }
.motion-choice input { position:absolute; opacity:0; pointer-events:none; }
.motion-choice span { display:block; height:100%; padding:15px; border:1px solid var(--border); border-radius:12px; background:rgba(7,7,7,.65); transition:.22s ease; }
.motion-choice input:checked + span { border-color:var(--gold-light); background:rgba(215,173,74,.12); box-shadow:0 0 0 3px rgba(215,173,74,.08); }
.ripple { position:absolute; border-radius:50%; pointer-events:none; background:rgba(255,255,255,.5); transform:translate(-50%,-50%) scale(0); animation:ripple .58s ease-out forwards; }

@keyframes shellEntrance { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@keyframes ambientRotate { to { transform:rotate(360deg); } }
@keyframes headerSweep { 0%,100% { transform:scaleX(.08); opacity:.16; } 50% { transform:scaleX(.72); opacity:.65; } }
@keyframes heroAtmosphere { 0% { transform:translate3d(-2%,-1%,0) rotate(-3deg) scale(1); } 100% { transform:translate3d(3%,2%,0) rotate(4deg) scale(1.08); } }
@keyframes gridTravel { to { background-position:0 58px,58px 0; } }
@keyframes orbSpin { to { transform:rotate(360deg); } }
@keyframes borderOrbit { to { --hero-angle:360deg; } }
@keyframes glassSweep { 0%,62% { transform:translateX(-130%); } 78%,100% { transform:translateX(130%); } }
@keyframes emblemPulse { 0%,100% { transform:scale(1); box-shadow:0 0 0 8px rgba(215,173,74,.04),0 0 42px rgba(215,173,74,.20); } 50% { transform:scale(1.045); box-shadow:0 0 0 13px rgba(215,173,74,.025),0 0 62px rgba(215,173,74,.34); } }
@keyframes heroTitle { to { opacity:1; transform:none; } }
@keyframes revealUp { to { opacity:1; transform:none; } }
@keyframes buttonSheen { 0%,70% { transform:translateX(-140%); } 88%,100% { transform:translateX(140%); } }
@keyframes flashIn { from { opacity:0; transform:translateY(-10px) scale(.985); } }
@keyframes ripple { to { transform:translate(-50%,-50%) scale(5); opacity:0; } }
@property --hero-angle { syntax:"<angle>"; initial-value:0deg; inherits:false; }
body.motion-subtle::after,body.motion-subtle .hero::before,body.motion-subtle .hero-grid,body.motion-subtle .hero-orb,body.motion-subtle .hero-card::before,body.motion-subtle .hero-card::after,body.motion-subtle .hero-emblem,body.motion-subtle .topbar::after,body.motion-subtle .btn::before { animation-duration:18s; animation-iteration-count:1; }
body.motion-off *,body.motion-off *::before,body.motion-off *::after { animation:none !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
body.motion-off .site-shell,body.motion-off [data-reveal],body.motion-off .hero .badge,body.motion-off .hero h1,body.motion-off .hero p,body.motion-off .hero .btn { opacity:1 !important; transform:none !important; }
body.motion-off .hero-particles { display:none; }
@media (max-width:800px) {
    .sidebar-layout,.grid.two,.grid.three,.motion-setting { grid-template-columns:1fr; }
    .topbar { align-items:flex-start; flex-direction:column; gap:12px; padding:15px 18px; }
    .menu { width:100%; overflow:auto; flex-wrap:nowrap; padding-bottom:3px; }
    .menu a { white-space:nowrap; }
    .hero { padding:18px; }
    .hero-card { padding:36px 22px; border-radius:24px; }
    .sidebar { position:relative; top:auto; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior:auto; }
    *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
    .site-shell,[data-reveal],.hero .badge,.hero h1,.hero p,.hero .btn { opacity:1 !important; transform:none !important; }
    .hero-particles { display:none !important; }
}


.page-intro{margin-bottom:24px}.page-intro h1{font-size:clamp(2rem,5vw,3.6rem);margin:.25em 0}.action-cards .card{min-height:270px}.step-number{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--gold);color:#111;font-weight:900}.process-steps{display:grid;gap:14px;margin-top:18px}.process-steps.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.process-step{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid #3d321b;border-radius:12px;background:rgba(255,255,255,.02)}.process-step>span{flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#302714;color:var(--gold-light);font-weight:900}.process-step h3{margin:0 0 5px}.process-step p{margin:0;color:var(--muted)}.notice-panel{margin-top:20px;padding:16px;border-left:4px solid var(--gold);background:#221b0c;border-radius:8px}.form-sections fieldset{border:1px solid var(--border);border-radius:14px;padding:20px;margin:0 0 22px}.form-sections legend{padding:0 10px;color:var(--gold-light);font-weight:900}.payment-logo{max-width:160px;max-height:70px;object-fit:contain;background:#fff;border-radius:8px;padding:8px}.card-heading,.page-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto;gap:12px;align-items:end}.inline-danger{margin:-8px 0 24px}.announcement-stack{display:grid;gap:14px;margin-bottom:20px}.announcement{border-left:4px solid var(--gold)}.metric-label{font-size:1.8rem;color:var(--gold-light);font-weight:800}.plain-steps{line-height:1.8}.timeline{position:relative;display:grid;gap:0}.timeline-item{position:relative;display:grid;grid-template-columns:34px 1fr;gap:14px;padding:0 0 24px}.timeline-item>span{width:20px;height:20px;border-radius:50%;border:2px solid #59491f;background:#111;margin-top:4px;z-index:1}.timeline-item:after{content:"";position:absolute;left:9px;top:24px;bottom:0;width:2px;background:#3c321c}.timeline-item:last-child:after{display:none}.timeline-item.complete>span{background:var(--gold);box-shadow:0 0 18px rgba(215,173,74,.6)}.timeline-item.complete h3{color:var(--gold-light)}@media(max-width:800px){.process-steps.compact,.filter-bar{grid-template-columns:1fr}.action-cards .card{min-height:0}}


/* Official animated landing logo */
.hero-logo-stage { position:relative; width:clamp(180px,27vw,330px); aspect-ratio:1; margin:0 auto 22px; display:grid; place-items:center; isolation:isolate; transform-style:preserve-3d; }
.hero-logo-image { position:relative; z-index:3; width:94%; height:94%; object-fit:contain; filter:invert(86%) sepia(52%) saturate(785%) hue-rotate(350deg) brightness(105%) contrast(94%) drop-shadow(0 0 18px rgba(247,227,163,.34)) drop-shadow(0 0 48px rgba(215,173,74,.22)); transform-origin:center; }
.hero-logo-glow { position:absolute; inset:15%; z-index:0; border-radius:50%; background:radial-gradient(circle,rgba(247,227,163,.28),rgba(215,173,74,.10) 38%,transparent 72%); filter:blur(22px); }
.hero-logo-ring { position:absolute; z-index:1; border-radius:50%; border:1px solid rgba(247,227,163,.32); box-shadow:inset 0 0 34px rgba(215,173,74,.08),0 0 34px rgba(215,173,74,.12); }
.hero-logo-ring.ring-one { inset:3%; border-style:dashed; }
.hero-logo-ring.ring-two { inset:12%; border-color:rgba(247,227,163,.16); }
.hero-logo-shine { position:absolute; z-index:4; inset:8%; pointer-events:none; overflow:hidden; border-radius:50%; mask-image:radial-gradient(circle,black 38%,transparent 73%); }
.hero-logo-shine::after { content:""; position:absolute; top:-30%; bottom:-30%; width:32%; left:-55%; transform:rotate(18deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent); filter:blur(5px); }
body.motion-full .hero-logo-image { animation:mraaLogoFloat 5.2s ease-in-out infinite; }
body.motion-full .hero-logo-glow { animation:mraaLogoGlow 3.6s ease-in-out infinite alternate; }
body.motion-full .hero-logo-ring.ring-one { animation:mraaRingSpin 18s linear infinite; }
body.motion-full .hero-logo-ring.ring-two { animation:mraaRingSpinReverse 13s linear infinite; }
body.motion-full .hero-logo-shine::after { animation:mraaLogoShine 6.4s ease-in-out infinite 1.2s; }
body.motion-subtle .hero-logo-image { animation:mraaLogoFloat 8s ease-in-out 1; }
@keyframes mraaLogoFloat { 0%,100%{transform:translateY(0) rotateY(-2deg) scale(1)} 45%{transform:translateY(-10px) rotateY(3deg) scale(1.025)} 72%{transform:translateY(-4px) rotateY(0) scale(1.01)} }
@keyframes mraaLogoGlow { from{opacity:.58;transform:scale(.92)} to{opacity:1;transform:scale(1.12)} }
@keyframes mraaRingSpin { to{transform:rotate(360deg)} }
@keyframes mraaRingSpinReverse { to{transform:rotate(-360deg)} }
@keyframes mraaLogoShine { 0%,55%{left:-55%;opacity:0} 67%{opacity:.9} 82%,100%{left:125%;opacity:0} }
.payment-summary { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.7fr); gap:22px; align-items:start; }
.fee-breakdown { border:1px solid var(--border); border-radius:14px; padding:14px 16px; background:rgba(255,255,255,.025); }
.fee-breakdown p { display:flex; justify-content:space-between; gap:18px; margin:7px 0; }
.fee-breakdown .discount-line { color:var(--success); }
.fee-breakdown .total-line { margin-top:12px; padding-top:12px; border-top:1px solid var(--border); color:var(--gold-light); font-size:1.12rem; }
.coupon-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:end; }
.coupon-form label { margin-top:0; }
.amount-chip { display:inline-block; padding:7px 10px; border-radius:999px; background:rgba(215,173,74,.12); color:var(--gold-light); font-weight:800; }
.zero-payment { border-color:rgba(95,180,122,.6); box-shadow:0 0 36px rgba(95,180,122,.08); }
@media(max-width:800px){.payment-summary,.coupon-form{grid-template-columns:1fr}.hero-logo-stage{width:min(70vw,280px)}}

/* Payment API and Coupon Center */
.api-endpoints input[readonly]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#080808;border-color:#6a5524;color:var(--gold-light)}
.api-endpoints small{display:block;margin:6px 0 16px;color:var(--muted)}
.credential-panel{margin:18px 0;border:1px solid #493b1d;border-radius:12px;background:rgba(255,255,255,.018);padding:0 16px 16px}
.credential-panel summary{cursor:pointer;color:var(--gold-light);font-weight:850;padding:14px 0;list-style-position:inside}
.payment-method-admin{position:relative}.gateway-state{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.status-ready{border:1px solid rgba(95,180,122,.65);background:rgba(95,180,122,.12)}.status-warning{border:1px solid rgba(215,173,74,.65);background:rgba(215,173,74,.11)}
.payment-options-grid{align-items:start}.gateway-button{width:100%;min-height:50px;font-size:1rem}.paypal-button{background:#ffc439;color:#111}.paypal-button:hover{background:#ffd15e}.stripe-button{background:#635bff;color:#fff}.stripe-button:hover{background:#7a73ff}.amount-chip{display:inline-block;padding:7px 11px;border-radius:999px;background:#302714;color:var(--gold-light);font-weight:800}.discount-line{color:#8fdaa7}.total-line{font-size:1.12rem;border-top:1px solid #463a20;padding-top:10px}.fee-breakdown p{display:flex;justify-content:space-between;gap:20px}.payment-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:22px;align-items:start}.payment-summary>.muted{grid-column:1/-1}.coupon-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.coupon-form .btn{margin-bottom:0}.zero-payment{border-color:rgba(95,180,122,.6);box-shadow:0 0 28px rgba(95,180,122,.08)}
@media(max-width:800px){.payment-summary,.coupon-form{grid-template-columns:1fr}.gateway-state{justify-content:flex-start}.fee-breakdown{width:100%}}

/* Certification Center v1.0.2 */
.certification-price-card{position:relative;overflow:hidden}.certification-price-card:after{content:"";position:absolute;inset:auto -20% -55% 35%;height:220px;background:radial-gradient(circle,rgba(215,173,74,.22),transparent 68%);pointer-events:none}.price-display{font-size:clamp(3rem,8vw,5.5rem);font-weight:900;color:var(--gold-light);line-height:1;margin:.15em 0}.feature-list{padding-left:1.25rem}.feature-list li{margin:.65rem 0}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.level-card{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(215,173,74,.12),rgba(10,10,10,.65))}.level-card strong{font-size:1.2rem;color:var(--gold-light)}.level-card span{font-size:1.55rem;font-weight:800}.level-card small{color:var(--muted)}.fee-summary{padding:14px 18px;border-left:4px solid var(--gold);background:var(--panel-2);border-radius:8px;margin-bottom:22px}.agreement-stack{display:grid;gap:8px;margin:20px 0}.totals{display:grid;gap:8px}.totals>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid rgba(215,173,74,.16)}.totals .total{font-size:1.25rem;font-weight:800;color:var(--gold-light);border-top:2px solid var(--border)}.inline-form{display:flex;gap:10px;align-items:flex-end}.inline-form input{flex:1}.payment-logo{max-width:180px;max-height:80px;object-fit:contain;margin:10px 0}.timeline{display:grid;gap:14px}.timeline-item{position:relative;border-left:3px solid var(--gold);padding:4px 0 4px 18px}.timeline-item span{display:block;color:var(--muted);font-size:.85rem;margin-top:3px}.metric-number{font-size:2.5rem;font-weight:900;color:var(--gold-light)}.notice-panel{padding:18px;border:1px solid var(--border);border-left:5px solid var(--gold);border-radius:10px;background:linear-gradient(90deg,rgba(215,173,74,.14),rgba(15,15,15,.9));margin:18px 0}.danger{background:#9b3434!important;color:#fff!important}@media(max-width:800px){.level-grid{grid-template-columns:1fr 1fr}.inline-form{flex-direction:column;align-items:stretch}}@media(max-width:520px){.level-grid{grid-template-columns:1fr}}


/* v1.0.5 member community and payment-center controls */
.copy-field { display:flex; gap:10px; align-items:center; }
.copy-field input { flex:1; }
.copy-field .btn { white-space:nowrap; }
.generated-webhook { margin:16px 0; background:var(--panel-2); }
.calendar-list, .message-thread { display:grid; gap:14px; }
.calendar-event { display:grid; grid-template-columns:74px 1fr; gap:18px; align-items:start; }
.calendar-date { text-align:center; border:1px solid var(--border); border-radius:14px; padding:10px; background:var(--panel-2); }
.calendar-date strong { display:block; color:var(--gold-light); text-transform:uppercase; }
.calendar-date span { display:block; font-size:2rem; font-weight:800; }
.message-bubble { max-width:86%; padding:16px 18px; border-radius:16px; border:1px solid var(--border); background:var(--panel); }
.message-bubble.from-member { justify-self:start; border-top-left-radius:4px; }
.message-bubble.from-staff { justify-self:end; border-top-right-radius:4px; background:var(--panel-2); }
.message-bubble p { margin:.65rem 0; }
.dashboard-event { display:grid; grid-template-columns:52px 1fr; gap:12px; padding:10px 0; border-bottom:1px solid rgba(215,173,74,.15); }
.dashboard-event h3, .dashboard-notice h3 { margin:.1rem 0; }
.dashboard-notice { padding:10px 0; border-bottom:1px solid rgba(215,173,74,.15); }
.member-blog-post { max-width:900px; }
.article-body { line-height:1.75; }
.inline-form { margin-top:12px; }
@media (max-width:700px) {
    .copy-field { flex-direction:column; align-items:stretch; }
    .calendar-event { grid-template-columns:58px 1fr; }
    .message-bubble { max-width:100%; }
}