.page{display:flex;flex-direction:column;margin:0 auto;max-width:1100px;min-height:100vh;padding-inline:clamp(12px,4vw,40px)}.page__main{flex-grow:1}.header{padding:20px 0}.header__top{align-items:center;display:flex;gap:16px;justify-content:space-between}.header__logo{color:var(--color-5);font-size:20px;font-weight:700;text-decoration:none}.header__links{align-items:center;flex-wrap:wrap;gap:14px}.header__bottom,.header__links{display:flex;justify-content:flex-end}.header__bottom{border-top:1px solid hsla(0,0%,5%,.08);margin-top:10px;padding-top:10px}.header__link{border-radius:10px;color:#0d0d0dd9;font-size:15px;font-weight:600;line-height:1.2;padding:8px 10px;text-decoration:none;transition:background-color .14s ease,color .14s ease}.header__link:not(.header__link_active):hover{background:#0d0d0d0f;color:var(--color-5)}.header__link_primary{background:#f26a4b1f;color:var(--color-3)}.header__link_primary:hover{background:#f26a4b2e;color:var(--color-3)}.header__link_active{background:var(--color-1);color:var(--color-5)}.header__user-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.header__badge{align-items:center;background:#0d0d0d14;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;height:18px;justify-content:center;margin-left:6px;min-width:18px;padding:0 6px}.header__email{color:#0d0d0da6;font-size:14px;padding:0 4px;white-space:nowrap}.header__button{background:transparent;border:1px solid hsla(0,0%,5%,.16);border-radius:10px;color:#0d0d0dd9;cursor:pointer;font-weight:600;height:34px;padding:0 12px;transition:background-color .14s ease,transform 80ms ease}.header__button:hover{background:#0d0d0d0f}.header__button:active{transform:translateY(1px)}.header__burger{align-items:center;background:#0d0d0d05;border:1px solid hsla(0,0%,5%,.14);border-radius:12px;cursor:pointer;display:none;height:40px;justify-content:center;padding:0;transition:background-color .14s ease,transform 80ms ease;width:40px}.header__burger:hover{background:#0d0d0d0f}.header__burger:active{transform:translateY(1px)}.header__burger-icon{display:inline-block;height:14px;position:relative;width:18px}.header__burger-icon span{background:#0d0d0dcc;border-radius:999px;height:2px;left:0;position:absolute;right:0;transition:transform .16s ease,opacity .16s ease,top .16s ease}.header__burger-icon span:first-child{top:0}.header__burger-icon span:nth-child(2){top:6px}.header__burger-icon span:nth-child(3){top:12px}.header__burger-icon.is-open span:first-child{top:6px;transform:rotate(45deg)}.header__burger-icon.is-open span:nth-child(2){opacity:0}.header__burger-icon.is-open span:nth-child(3){top:6px;transform:rotate(-45deg)}.header__mobile-overlay{background:#0d0d0d73;inset-block-end:0;inset-inline:0;position:fixed;z-index:9998}.header__mobile-panel{background:var(--color-light);border-bottom:1px solid hsla(0,0%,5%,.08);border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:0 18px 60px #0000002e;inset-block-start:72px;inset-inline:0;max-height:calc(100vh - 88px);overflow:auto;padding:14px 14px 16px;position:fixed;z-index:9999}.header__mobile-nav{display:grid;gap:8px}.header__mobile-link{display:inline-flex;justify-content:flex-start;width:100%}.header__mobile-user{border-top:1px solid hsla(0,0%,5%,.08);display:grid;gap:12px;margin-top:12px;padding-top:12px}.header__mobile-user-actions{display:grid;gap:8px}.header__mobile-user-meta{display:grid;gap:10px;justify-items:start}@media(max-width:720px){.header{padding:16px 0}.header__logo{font-size:18px}.header__top{align-items:flex-start}.header__bottom,.header__links{display:none}.header__user-row{justify-content:flex-start}.header__email{overflow-wrap:anywhere;white-space:normal}.header__burger{display:inline-flex}}.header-mobile-enter-active,.header-mobile-leave-active{transition:opacity .18s ease}.header-mobile-enter-from,.header-mobile-leave-to{opacity:0}.header-mobile-enter-active .header__mobile-panel,.header-mobile-leave-active .header__mobile-panel{transition:transform .22s ease,opacity .22s ease;will-change:transform,opacity}.header-mobile-enter-from .header__mobile-panel,.header-mobile-leave-to .header__mobile-panel{opacity:0;transform:translateY(-14px)}@media(max-width:720px){.header--mobile-open{background:var(--color-4);position:sticky;top:0;z-index:10000}.header__mobile-overlay{inset-block-start:72px}}.footer{border-top:1px solid hsla(0,0%,5%,.08);margin-top:28px;padding:18px 0}.footer__wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.footer__brand{display:grid;gap:4px}.footer__title{color:var(--color-5);font-weight:800;letter-spacing:-.01em}.footer__copy{color:#0d0d0da6;font-size:14px}.footer__nav{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.footer__link{border-radius:10px;color:#0d0d0dcc;font-size:14px;font-weight:600;padding:8px 10px;text-decoration:none;transition:background-color .14s ease,color .14s ease}.footer__link:hover{background:#0d0d0d0f;color:var(--color-5)}@media(max-width:720px){.footer{padding:16px 0}.footer__wrapper{align-items:flex-start;flex-direction:column}}.page-loader__overlay{background:var(--ui-loader-overlay);display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.page-loader__spinner{animation:page-loader-move 4s linear infinite,page-loader-rotate 2s linear infinite;background-color:#fff;background-image:radial-gradient(circle 5px,var(--color-3) 100%,transparent 0),radial-gradient(circle 5px,var(--color-3) 100%,transparent 0),radial-gradient(circle 5px,var(--color-3) 100%,transparent 0),radial-gradient(circle 5px,var(--color-3) 100%,transparent 0),radial-gradient(circle 5px,var(--color-3) 100%,transparent 0),radial-gradient(circle 5px,var(--color-3) 100%,transparent 0);background-repeat:no-repeat;border-radius:4px;display:block;height:54px;position:relative;width:54px}@keyframes page-loader-rotate{0%,20%{transform:rotate(0)}30%,40%{transform:rotate(90deg)}50%,60%{transform:rotate(180deg)}70%,80%{transform:rotate(270deg)}90%,to{transform:rotate(1turn)}}@keyframes page-loader-move{0%,9%{background-position:-12px -15px,-12px 0,-12px 15px,12px -15px,12px 0,12px 15px}10%,25%{background-position:0 -15px,-12px 0,-12px 15px,34px -15px,12px 0,12px 15px}30%,45%{background-position:0 -34px,-12px -10px,-12px 12px,34px -15px,12px -10px,12px 12px}50%,65%{background-position:0 -34px,-12px -34px,-12px 12px,34px -12px,0 -10px,12px 12px}70%,85%{background-position:0 -34px,-12px -34px,0 12px,34px -12px,0 -10px,34px 12px}90%,to{background-position:0 -34px,-12px -34px,0 0,34px -12px,0 0,34px 12px}}.page-loader-enter-active,.page-loader-leave-active{transition:opacity .2s ease}.page-loader-enter-from,.page-loader-leave-to{opacity:0}