.design-home{--color-alpha-hairline:color-mix(in oklab, var(--foreground) 6.5%, transparent);--color-alpha-hover:color-mix(in oklab, var(--foreground) 9%, transparent);--color-alpha-ring:color-mix(in oklab, var(--foreground) 15%, transparent);--color-alpha-text-1:color-mix(in oklab, var(--foreground) 75%, transparent);--color-alpha-text-2:color-mix(in oklab, var(--foreground) 68%, transparent);--color-alpha-text-3:color-mix(in oklab, var(--foreground) 60%, transparent)}body:has(.design-home){--color-alpha-hairline:color-mix(in oklab, var(--foreground) 6.5%, transparent);--color-alpha-hover:color-mix(in oklab, var(--foreground) 9%, transparent);--color-alpha-ring:color-mix(in oklab, var(--foreground) 15%, transparent);--color-alpha-text-1:color-mix(in oklab, var(--foreground) 75%, transparent);--color-alpha-text-2:color-mix(in oklab, var(--foreground) 68%, transparent);--color-alpha-text-3:color-mix(in oklab, var(--foreground) 60%, transparent)}.design-home{--design-accent:#db2777;--design-accent-hover:#b81e60;--design-accent-soft:#f472b6;--design-ease:cubic-bezier(.16, 1, .3, 1);--design-duration:.15s;--design-canvas:color-mix(in oklab, var(--background) 94%, var(--foreground));background:var(--design-canvas);min-height:100vh;color:var(--foreground);overflow-x:clip}.dark .design-home{background:var(--background)}.segment__indicator,.tabs__indicator,.input,.search-field__group{box-shadow:none}.modal__dialog,.drawer__dialog{box-shadow:none;border:1px solid var(--color-alpha-hairline)}.drawer__backdrop,.modal__backdrop,.popover,.menu,.drawer__body,.modal__body,.alert-dialog__body{color:var(--foreground)}.button--ghost.design-auth-login{--button-bg-hover:var(--color-alpha-hover);--button-bg-pressed:var(--color-alpha-hover)}.button--primary.design-auth-register{--button-bg:var(--foreground);--button-bg-hover:color-mix(in oklab, var(--foreground) 86%, var(--background));--button-bg-pressed:var(--button-bg-hover);--button-fg:var(--background)}.design-topbar{background:var(--design-canvas)}.dark .design-topbar{background:var(--background)}.design-home ::selection{background:var(--design-accent);color:#fff}.design-home :is(a,button):focus-visible{outline:2px solid var(--design-accent);outline-offset:2px}.design-card-enter{opacity:0;animation:design-card-rise .18s var(--design-ease) forwards;transform:translateY(8px)}@keyframes design-card-rise{to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.design-home [data-masonry]:hover .design-work-card:not(:hover){opacity:.4}}.design-home .design-work-card{transition:opacity .15s var(--design-ease)}@media (prefers-reduced-motion:reduce){.design-home .design-work-card{transition:none}}@media (hover:hover){.design-home .design-card-hover-overlay{opacity:0;transition:opacity .15s var(--design-ease)}.design-home .design-work-card:hover .design-card-hover-overlay{opacity:1}}@media (hover:hover) and (prefers-reduced-motion:reduce){.design-home .design-card-hover-overlay{transition:none}.design-home .design-work-card:hover .design-card-hover-overlay{opacity:1}}@media (hover:none){.design-home .design-card-hover-overlay{opacity:1}}.design-home .design-rating-fill{transition:width .5s var(--design-ease)}@media (prefers-reduced-motion:reduce){.design-home .design-rating-fill{transition:none}}.design-dialog-backdrop{transition:background .2s var(--design-ease);background:#00000080}@media (prefers-reduced-motion:reduce){.design-home .design-card-enter{opacity:1;animation:none;transform:none}}
