body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
.page{box-sizing:border-box;color:#111827;display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;gap:1.5rem;line-height:1.5;margin:0;padding:1rem}.page__btn{align-items:center;background-color:#0af;border:1px solid #0af;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;min-height:40px;padding:8px 24px;text-decoration:none;transition:all .2s ease;width:150px}.page__btn:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.page__btn:disabled{background-color:#93c5fd;border-color:#93c5fd;cursor:not-allowed;opacity:.6}.page__btn-link{color:#fff;text-decoration:none}.page__text{color:#111827;line-height:1.6;margin:0}.page__user-status{border:1px solid transparent;border-radius:6px;box-shadow:0 2px 8px rgba(60,72,88,.12);font-size:14px;font-weight:500;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:16px}.page__user-status_active{background-color:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2);color:#10b981}.page__user-status_danger{background:#fff0f0;border:1px solid #ffb3b3;color:#d32f2f}.page__user-status_warning{background-color:#ffe5b4;border:1.5px solid #ffb74d;color:#865205}.page__user-status_active-back{background-color:#ecfdf5;border-color:#a7f3d0;color:#065f46}.page__user{color:#111827;font-size:20px;font-weight:600;margin:0}.page__input{border:1px solid #c6cdd3;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 20px}.page__input:focus{border-color:#0af;box-shadow:0 0 0 3px rgba(37,99,235,.1);outline:none}.page__check-section{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.page__link{color:#0af;cursor:pointer;font-weight:500;text-decoration:none}.page__link:hover{color:#1d4ed8;text-decoration:underline}.page__container{margin:0 auto;max-width:768px;padding:24px}.page__card{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);padding:24px}.page__section{margin-bottom:32px}.page__section:last-child{margin-bottom:0}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.page__user-status{-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out}.page__btn:focus-visible,.page__input:focus-visible,.page__link:focus-visible{outline:2px solid #0af;outline-offset:2px}.page__header{border-bottom:1px solid #e3e6f0;border-radius:6px 6px 0 0;font-size:1rem;font-weight:500;letter-spacing:.01em;margin-bottom:10px;padding:4px 12px;text-align:right}.page__header_free{background:linear-gradient(90deg,#e3f2fd,#fff);color:#1976d2}.page__header_paid{background:linear-gradient(90deg,#e8f5e9,#fff);color:#388e3c}.page__header_expired{background:linear-gradient(90deg,#ffebee,#fff);border-bottom:1px solid #ffcdd2;color:#d32f2f}.page__header_inactive{background:linear-gradient(90deg,#d6d5d5,#fff);color:#546e7a}
