:root{--color-primary:#ff7b00;--color-secondary:#1c1c1c;--color-light:#fff;--color-muted:#888;--color-bg-soft:#f7f7f7}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.shadow-soft{box-shadow:0 2px 8px rgba(0,0,0,.08)}.shadow-strong{box-shadow:0 4px 20px rgba(0,0,0,.15)}.text-center{text-align:center}.btn{background-color:var(--color-primary);color:#fff;letter-spacing:.3px;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:background-color .3s;display:inline-block}.btn:hover{background-color:#e86f00}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.card{background-color:var(--color-light);border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.transition{transition:all .3s}.grid{gap:2rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.btn{text-align:center;width:100%}}