:root{

–paper:#f3ebd6;

–paper-2:#efe4c7;

–ink:#101010;

–green:#173d2d;

–green-2:#2f5a42;

–gold:#b08a3c;

–line:#5f7b62;

}

*{box-sizing:border-box}

.wp-money-page{

min-height:100vh;

padding:24px;

font-family:Georgia, “Times New Roman”, serif;

background:

radial-gradient(circle at 50% 10%, rgba(255,255,255,.08), transparent 30%),

linear-gradient(180deg, #111712 0%, #0b0f0d 100%);

color:var(–ink);

}

.money-frame{

position:relative;

max-width:1440px;

margin:0 auto;

background:

linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,0) 18%),

repeating-linear-gradient(135deg, rgba(23,61,45,.05) 0 2px, rgba(255,255,255,0) 2px 8px),

linear-gradient(180deg, var(–paper) 0%, var(–paper-2) 100%);

border:10px solid #1d1d1d;

outline:2px solid rgba(176,138,60,.55);

box-shadow:0 30px 80px rgba(0,0,0,.45);

overflow:hidden;

}

.money-frame:before,

.money-frame:after{

content:””;

position:absolute;

inset:14px;

border:2px solid rgba(23,61,45,.55);

pointer-events:none;

}

.money-frame:after{

inset:30px;

border:1px solid rgba(23,61,45,.25);

}

.hero{

position:relative;

padding:48px 40px 36px;

background:

radial-gradient(circle at 50% 45%, rgba(23,61,45,.12), transparent 34%),

repeating-radial-gradient(circle at 50% 50%, rgba(23,61,45,.08) 0 1px, transparent 1px 10px),

linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,0));

border-bottom:6px double rgba(23,61,45,.55);

}

.topline{

display:flex;

align-items:center;

justify-content:space-between;

gap:20px;

color:var(–green);

text-transform:uppercase;

letter-spacing:.22em;

font-size:12px;

}

.serial{

font-family:”Courier New”, monospace;

color:var(–green-2);

}

.crest-wrap{

display:grid;

place-items:center;

padding:24px 0 12px;

}

.crest{

width:min(860px, 100%);

min-height:430px;

padding:34px;

position:relative;

background:

radial-gradient(circle at 50% 50%, rgba(255,255,255,.88) 0 38%, rgba(255,255,255,.35) 39%, rgba(23,61,45,.08) 70%, rgba(23,61,45,.16) 100%);

border-radius:50% 50% 44% 44% / 44% 44% 56% 56%;

border:3px solid rgba(23,61,45,.6);

box-shadow:inset 0 0 0 12px rgba(23,61,45,.08), inset 0 0 0 24px rgba(176,138,60,.12);

overflow:hidden;

}

.crest h1{

margin:0;

text-align:center;

font-size:clamp(3rem, 7vw, 6.2rem);

line-height:.9;

color:#10261d;

letter-spacing:.03em;

}

.sub{

margin:18px auto 0;

text-align:center;

max-width:700px;

color:var(–green);

font-size:clamp(1rem, 1.65vw, 1.35rem);

letter-spacing:.18em;

text-transform:uppercase;

}

.ribbon{

display:inline-block;

margin:20px auto 0;

padding:16px 32px;

background:linear-gradient(180deg, #f6f1e2 0%, #d8cda9 100%);

border:2px solid rgba(23,61,45,.7);

color:#1c2d22;

font-size:clamp(1.3rem, 2.8vw, 2.2rem);

text-transform:uppercase;

letter-spacing:.12em;

}

.section{

padding:34px 36px;

}

.grid{

display:grid;

grid-template-columns:repeat(12, 1fr);

gap:20px;

}

.card{

grid-column:span 4;

background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.28));

border:2px solid rgba(23,61,45,.45);

padding:22px;

min-height:180px;

}

.card h3{

margin:0 0 10px;

color:var(–green);

text-transform:uppercase;

}

.card p{

margin:0;

line-height:1.7;

}

.footer{

padding:24px 36px 40px;

text-align:center;

color:var(–green);

text-transform:uppercase;

letter-spacing:.2em;

font-size:12px;

}

@media (max-width:900px){

.card{grid-column:span 12}

.topline{flex-direction:column;text-align:center}

}