:root{--color-primary: #ffcc00;--color-secondary: #d32f2f;--color-background: #121212;--color-surface: #1e1e1e;--color-text-primary: #ffffff;--color-text-secondary: #b0b0b0;--font-primary: "Roboto", sans-serif;--font-secondary: "Open Sans", sans-serif;--spacing-small: .5rem;--spacing-medium: 1rem;--spacing-large: 2rem}body{font-family:var(--font-primary),sans-serif;background-color:var(--color-background);color:var(--color-text-primary);margin:0;padding:0}h1,h2,h3{color:var(--color-primary);font-family:var(--font-secondary),sans-serif}.gradient-text{background:linear-gradient(to right,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home{text-align:center;padding:var(--spacing-large);background-color:var(--color-background);color:var(--color-text-primary)}.home-content{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:0}.image-container{position:relative;height:100%}.image-container img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0 0 0 8px}.slogan-container{position:relative;padding:var(--spacing-large);border:1px solid #333;border-radius:0 0 8px;box-shadow:0 2px 4px #00000080;background-color:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;box-sizing:border-box}.home h1{font-size:3rem;margin:0;padding:var(--spacing-large);font-family:var(--font-secondary),sans-serif;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));color:var(--color-background);border-radius:8px 8px 0 0;box-shadow:0 2px 4px #00000080}.slogan{font-size:1.5rem;margin:0;font-weight:700;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.home h1{font-size:2rem;padding:var(--spacing-medium)}.home-content{grid-template-columns:1fr}.slogan-container{padding:var(--spacing-medium);border-radius:0 0 8px 8px}.slogan{font-size:1.25rem}.image-container img{border-radius:0}}@media (max-width: 480px){.home h1{font-size:1.5rem;padding:var(--spacing-small)}.home-content{grid-template-columns:1fr}.slogan-container{padding:var(--spacing-small);border-radius:0 0 8px 8px}.slogan{font-size:1rem}.image-container img{border-radius:0}}.card-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-large)}.card-container-wrapper{text-align:center;padding:2rem}.card{position:relative;padding:var(--spacing-large);border:1px solid #333;border-radius:8px;box-shadow:0 2px 4px #00000080;background-color:var(--color-surface);display:flex;flex-direction:column;align-items:center;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #000000b3}.card-content{display:grid;grid-template-columns:1fr 3fr;align-items:center;gap:var(--spacing-large)}.no-card-image{grid-template-columns:1fr}.card-info{display:flex;flex-direction:column;justify-content:center}.card-image{width:calc(100% - 8px);height:auto;object-fit:cover;border:2px solid transparent;border-radius:8px;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));background-clip:padding-box;padding:2px;transition:transform .3s}.card-title{font-size:1.5rem;margin:0 0 var(--spacing-large) 0}.card-text{font-size:1rem;color:var(--color-text-secondary);text-align:center;margin:0}.first-card{display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer}.first-card h3{font-size:3rem;margin:0}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;color:#ffffff4d;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border-radius:8px}@media (max-width: 768px){.card{padding:var(--spacing-medium)}.card-content{grid-template-columns:1fr;gap:var(--spacing-medium)}.card-title{font-size:1.25rem;margin:0 0 var(--spacing-medium) 0}.first-card h3{font-size:2rem}.card-text{font-size:.875rem}}@media (max-width: 480px){.card{padding:var(--spacing-small)}.card-content{grid-template-columns:1fr;gap:var(--spacing-small)}.card-title{font-size:1rem;margin:0 0 var(--spacing-small) 0}.first-card h3{font-size:1.5rem}.card-text{font-size:.75rem}}.divider-container{margin:0 var(--spacing-large)}.divider{border:0;height:2px;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));margin:var(--spacing-large) 0;box-shadow:0 2px 4px #0000001a}