.page-module__iEsOPq__mockupPage{padding:var(--spacing-3xl)0;background:var(--color-off-white);min-height:100vh}.page-module__iEsOPq__header{text-align:center;margin-bottom:var(--spacing-xl)}.page-module__iEsOPq__title{font-family:var(--font-display);color:var(--color-primary);margin-bottom:var(--spacing-sm);font-size:2.5rem}.page-module__iEsOPq__subtitle{color:var(--color-dark-gray);font-size:1.125rem}.page-module__iEsOPq__mockupContainer{perspective:1000px;margin-bottom:var(--spacing-2xl);justify-content:center;display:flex}.page-module__iEsOPq__mockup{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:1000px;height:600px;box-shadow:var(--shadow-2xl);transition:transform var(--transition-slow);border:1px solid #c7b8ea33;display:flex;overflow:hidden;transform:rotateX(2deg)}.page-module__iEsOPq__mockup:hover{transform:rotateX(0)}.page-module__iEsOPq__sidebar{background:var(--color-darkest);width:200px;color:var(--color-white);padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.page-module__iEsOPq__sidebarItem{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;opacity:.7;transition:opacity .2s}.page-module__iEsOPq__sidebarItem:hover{opacity:1;background:#ffffff1a}.page-module__iEsOPq__main{background:var(--color-light-gray);padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.page-module__iEsOPq__topBar{background:var(--color-white);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.page-module__iEsOPq__avatar{background:var(--gradient-hero);border-radius:50%;width:32px;height:32px}.page-module__iEsOPq__contentGrid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.page-module__iEsOPq__widget{background:var(--color-white);border-radius:var(--radius-md);height:120px;box-shadow:var(--shadow-sm);padding:var(--spacing-md);color:var(--color-gray);font-weight:600}.page-module__iEsOPq__bigWidget{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);color:var(--color-gray);opacity:.5;flex:1;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:flex}.page-module__iEsOPq__backLinkContainer{text-align:center}.page-module__iEsOPq__backLink{color:var(--color-primary);transition:color var(--transition-base);font-size:1rem;text-decoration:underline}.page-module__iEsOPq__backLink:hover{color:var(--color-primary-dark)}@media (max-width:768px){.page-module__iEsOPq__mockup{flex-direction:column;height:auto;transform:none}.page-module__iEsOPq__sidebar{flex-direction:row;width:100%;height:auto;overflow-x:auto}.page-module__iEsOPq__contentGrid{grid-template-columns:1fr}}