.home__content{text-align:center;padding:2rem}.home__image{max-width:100%;height:auto;margin-top:2rem;border-radius:12px;box-shadow:0 4px 12px #0003}.about{max-width:800px;margin:auto;text-align:center;padding:2rem}.users__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-top:2rem}.user-card{background:var(--bg-color);border:1px solid var(--primary-color);border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s ease}.user-card:hover{transform:scale(1.03);background-color:var(--primary-color);color:#fff}.user-detail{max-width:600px;margin:auto;padding:2rem;background:var(--bg-color);border-radius:8px;box-shadow:0 2px 8px #0000001a}.user-detail h1{margin-bottom:1rem}.user-detail p{margin:.25rem 0}:root[data-theme=light]{--bg-color: #f0f0f0;--text-color: #1a1a1a;--primary-color: #1a1a1a}:root[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #f0f0f0;--primary-color: #1a1a1a}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Segoe UI,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.app__content{flex:1;padding:2rem}.header{display:flex;justify-content:space-between;align-items:center;background-color:var(--primary-color);color:#fff;padding:1rem}.footer{background-color:var(--primary-color);color:#fff;padding:1rem}.header__nav a{margin-right:1rem;color:#fff;text-decoration:none}.header__nav a.active{font-weight:700;text-decoration:underline}.header__actions button{width:100px;height:30px;margin-left:1rem;background:transparent;border:1px solid #fff;color:#fff;cursor:pointer}.footer{text-align:center}@media (max-width: 768px){.header__nav,.header__actions{display:flex;flex-direction:column;align-items:center}.header__nav a,.header__actions button{margin:.5rem 0}}