.button{border:var(--border-width) solid #0000;border-radius:var(--border-radius);cursor:pointer;outline:none;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.button__icon{flex-shrink:0;width:16px;height:16px;display:block}.button__label{min-width:0}.button:disabled{opacity:.6;cursor:not-allowed}.button--small{gap:8px;min-height:32px;padding:3px 12px;font-size:13px}.button--large{gap:12px;min-height:52px;padding:12px 24px;font-size:15px}.button--primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.button--primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-on-accent)}.button--gray{background-color:var(--color-bg-box);border-color:var(--color-border);color:var(--color-text)}.button--gray:hover:not(:disabled){background-color:var(--color-border);color:var(--color-text)}.button--outline{border-color:var(--color-accent);color:var(--color-accent);background-color:#0000}.button--outline:hover:not(:disabled){background-color:var(--color-accent);color:var(--color-on-accent)}[data-theme=dark] .button--outline{border-color:var(--color-text);color:var(--color-text)}[data-theme=dark] .button--outline:hover:not(:disabled){border-color:var(--color-text);background-color:var(--color-text);color:var(--color-dark)}
.collapse{visibility:hidden;opacity:0;grid-template-rows:0fr;transition:grid-template-rows .25s,opacity .2s,visibility 0s linear .25s;display:grid}.collapse--open{visibility:visible;opacity:1;grid-template-rows:1fr;transition-delay:0s}.collapse__content{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.collapse{transition:none}}
.container{box-sizing:border-box;width:100%;max-width:var(--layout-max-width);padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}
.custom-select__menu{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar-track)}.custom-select__menu::-webkit-scrollbar{width:10px;height:10px}.custom-select__menu::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:999px}.custom-select__menu::-webkit-scrollbar-thumb{border:2px solid var(--color-scrollbar-track);background:var(--color-scrollbar-thumb);border-radius:999px;min-width:36px;min-height:36px}.custom-select__menu::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.custom-select__menu::-webkit-scrollbar-corner{background:0 0}.custom-select__trigger{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-body-bg);width:100%;min-width:0;height:44px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;outline:none;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:14px;display:flex}.custom-select__trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.custom-select__trigger svg{width:18px;height:18px;color:var(--color-muted);flex-shrink:0;transition:transform .2s}.custom-select__trigger[data-open=true]{border-color:var(--color-accent)}.custom-select__trigger[data-open=true] svg{transform:rotate(180deg)}.custom-select__trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.custom-select__trigger:disabled{opacity:.55;cursor:not-allowed}.custom-select__menu{z-index:var(--z-modal-popover);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);padding:6px;overflow-y:auto;box-shadow:0 12px 32px #0000002e}.custom-select__option{border-radius:calc(var(--border-radius) - 2px);width:100%;min-height:40px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:14px;display:flex}.custom-select__option[data-active=true]{background:var(--color-body-bg)}.custom-select__option[aria-selected=true]{background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.custom-select__option svg{flex-shrink:0;width:17px;height:17px}
.input-field{min-width:0;display:block}.input-field__label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.input-field__control{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-body-bg);width:100%;height:44px;font:inherit;color:var(--color-text);outline:none;padding:0 12px;font-size:13px}.input-field__control::placeholder{color:var(--color-muted)}.input-field__control:focus{border-color:var(--color-accent)}
.logo{flex-shrink:0;align-items:center;text-decoration:none;transition:opacity .15s;display:inline-flex}.logo:hover{opacity:.88}.logo__text{letter-spacing:.02em;color:var(--color-text);align-items:center;gap:6px;font-size:15px;font-weight:700;display:inline-flex}.logo__primary{text-transform:uppercase}.logo__divider,.logo__accent{color:var(--color-accent)}.logo__image{width:auto;height:26px;display:block}
.page-header{margin-bottom:32px}.page-header__title{color:var(--color-text);margin:0 0 12px;font-size:clamp(28px,3.5vw,36px);line-height:1.15}.page-header__subtitle{color:var(--color-muted);margin:0;font-size:14px;line-height:1.5}@media (max-width:768px){.page-header{margin-bottom:24px}}
.page-wrap{width:100%;padding-top:var(--layout-padding-top)}
.section{scroll-margin-top:calc(var(--header-height) + 24px);border-bottom:var(--border-width) solid var(--color-border);padding-bottom:var(--section-list-padding-top)}.section--no-border{border-bottom:none}.section--no-padding{padding-bottom:0}.section__title{text-align:center;color:var(--color-text);margin:0 0 24px;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.2}.section__description{text-align:center;color:var(--color-muted);margin:0 0 32px;font-size:16px;line-height:1.5}.section__content{min-width:0}.section--has-description .section__title{margin:0 0 12px}
.section-list{flex-direction:column;display:flex}.section-list>:not(:last-child){margin-bottom:32px}@media (min-width:768px){.section-list>:not(:last-child){margin-bottom:48px}}