body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f9f9f9}.container{display:flex;flex-direction:column;align-items:center;padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;width:100%;max-width:1200px}.grid-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:15px;text-align:center;transition:transform .2s}.grid-item:hover{transform:scale(1.05)}.header{font-size:24px;font-weight:700;margin-bottom:20px}.footer{margin-top:20px;font-size:14px;color:#777}.bento-layout{display:flex;min-height:100vh;background:#fafbfc}.profile-column{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:60px 40px;background:none;border-radius:0;box-shadow:none;margin:32px 0 32px 32px;height:100vh;overflow:hidden}.profile-title{font-size:48px;font-weight:700;margin-bottom:16px}.profile-subtitle{font-size:22px;color:#888}.grid-column{flex:2;display:flex;align-items:flex-start;justify-content:flex-start;padding:60px 40px;max-height:80vh;height:100vh;overflow-y:auto}@media (max-width: 768px){.bento-layout{flex-direction:column}.profile-column,.grid-column{width:100%;padding:24px 12px;margin:0;height:auto;overflow:visible}.profile-column img{width:120px!important;height:120px!important}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:32px;width:100%}.grid-item{background:#fff;border-radius:24px;box-shadow:0 2px 12px #00000012;padding:32px 24px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-height:180px;transition:box-shadow .2s}.grid-item:hover{box-shadow:0 4px 24px #0000001f}.card-icon{width:40px;height:40px;margin-bottom:18px}.card-title{font-size:20px;font-weight:600;margin-bottom:6px}.card-subtitle{font-size:15px;color:#888;margin-bottom:18px}.card-btn{padding:8px 18px;border-radius:18px;color:#fff;font-weight:500;text-decoration:none;font-size:15px;margin-top:auto;display:inline-block;transition:background .2s}