the10club

.t10s, .t10s * { box-sizing: border-box; }
.t10s {
min-height: 70vh;
display: flex;
align-items: center;
justify-content: center;
padding: 32px 20px;
background: #F7F5F1;
font-family: ‘Inter’, system-ui, sans-serif;
color: #1B1B18;
}
.t10s-card {
width: 100%;
max-width: 360px;
background: #fff;
border: 1px solid #E4E0D6;
border-radius: 20px;
padding: 36px 28px;
text-align: center;
box-shadow: 0 8px 24px rgba(27,27,24,0.06);
}
.t10s-brand {
font-family: ‘Fraunces’, serif;
font-size: 18px;
margin-bottom: 28px;
}
.t10s-status {
font-family: ‘IBM Plex Mono’, monospace;
font-size: 13px;
letter-spacing: 0.2em;
font-weight: 500;
display: inline-block;
padding: 8px 16px;
border-radius: 999px;
margin-bottom: 20px;
}
.t10s-active {
background: #E8F5E9;
color: #2E5A32;
border: 1px solid #A5D6A7;
}
.t10s-expired {
background: #FFEBEE;
color: #8B1E1E;
border: 1px solid #EF9A9A;
}
.t10s-name {
font-family: ‘Fraunces’, serif;
font-size: 26px;
margin-bottom: 12px;
}
.t10s-note {
font-size: 15px;
color: #5C594F;
margin: 0 0 24px;
line-height: 1.4;
}
.t10s-fine {
font-size: 11px;
color: #5C594F;
letter-spacing: 0.04em;
}