:root{
     --ink:#0a1c2e;
    /* deep navy */
     --ink-2:#0f2b46;
    /* slightly lighter */
     --sand:#e6dccb;
    /* parchment */
     --paper:#f7f3ea;
    /* soft background */
     --accent:#c39b4e;
    /* brass/gold */
     --accent-2:#7f5a1f;
    /* dark brass */
     --success:#1f7a4f;
     --danger:#9b2c2c;
     --muted:#6c7886;
     --ring:2px solid rgba(195,155,78,.35);
}
 main{
     margin:2.5rem auto;
     padding:0 1rem 3rem;
     display:grid;
     grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
     gap:1.75rem;
}
 .intro{
     grid-column:1/-1;
     background:var(--sand);
     border:var(--ring);
     border-radius:1rem;
     padding:1.25rem 1.5rem;
}
 .intro h2{
     margin-bottom:.5rem;
     color:var(--ink-2);
}
 .card{
     background:var(--paper);
     border:1px solid rgba(10,28,46,0.1);
     border-radius:1rem;
     padding:1.5rem 1.5rem 1.7rem;
     box-shadow:0 8px 20px rgba(10,28,46,0.08);
     display:flex;
     flex-direction:column;
     gap:1rem;
     transition:transform .1s ease-out, box-shadow .1s ease-out;
}
 .card:hover{
     transform:translateY(-2px);
     box-shadow:0 14px 30px rgba(10,28,46,0.12);
}
 .card h3{
     color:var(--ink-2);
     margin:0;
}
 .tag{
     display:inline-block;
     background:rgba(195,155,78,0.15);
     color:var(--accent-2);
     font-size:.7rem;
     font-weight:600;
     text-transform:uppercase;
     letter-spacing:.05em;
     padding:.35rem .75rem;
     border-radius:999px;
}
 .card p{
    margin:0;
}
 ul.list{
     padding-left:1.25rem;
     margin:0;
}
 ul.list li+li{
    margin-top:.3rem;
}

@media (max-width:1000px){
    .main{
        display: grid;
        grid-template-columns: auto;
    }
    .container1{
        padding: 0px;
    }
}
.disabledButton {
    pointer-events: none !important;
    color: #888 !important;
    opacity: 0.6 !important;
    cursor: default !important;
    display: inline-flex
;
    align-items: center;
    gap: .5rem;
    padding: .8rem 1rem;
    border-radius: .6rem;
    font-weight: 600;
}