.portal-page{--portal-primary: #14656d;--portal-primary-dark: #0f555c;--portal-accent: #1a8894;--portal-border: #e3eaec;--portal-muted: #8aa3a8;--portal-text: #1f3438;--portal-bg: #eef5f6;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top right,rgba(20,101,109,.08),transparent 42%),radial-gradient(circle at bottom left,rgba(26,136,148,.06),transparent 38%),var(--portal-bg);color:var(--portal-text);font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.portal-page__header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ffffffeb;border-bottom:1px solid var(--portal-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 18px #14656d0f}.portal-page__header-spacer{grid-column:1}.portal-page__header .portal-page__brand{grid-column:2;justify-self:center}.portal-page__header .theme-toggle--portal-header{grid-column:3;justify-self:end;position:static;top:auto;right:auto}.portal-page__brand{display:inline-flex;align-items:center;gap:.85rem;text-decoration:none;color:inherit}.portal-page__brand:hover,.portal-page__brand:focus{text-decoration:none;color:inherit}.portal-page__logo{width:72px;height:82px;-o-object-fit:contain;object-fit:contain;border-radius:14px;background:#f3f9fa;padding:4px;box-shadow:0 4px 14px #14656d1f}.portal-page__brand-text{display:flex;flex-direction:column;line-height:1.15}.portal-page__brand-text strong{font-size:1rem;color:var(--portal-text)}.portal-page__brand-text small{font-size:.72rem;color:var(--portal-muted);letter-spacing:.04em;text-transform:uppercase}.portal-page__main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem 2.5rem}.portal-page__footer{padding:1rem 1.25rem;text-align:center;font-size:.78rem;color:var(--portal-muted);border-top:1px solid var(--portal-border);background:#ffffffbf}.portal-card{width:100%;border:1px solid var(--portal-border);border-radius:22px;background:linear-gradient(180deg,#fff,#f9fcfc);box-shadow:0 18px 48px #14656d1f;overflow:hidden}.portal-card--login{max-width:760px;overflow:visible}.portal-card--login .portal-card__body{display:flex;flex-direction:column;align-items:center}.portal-card--login .portal-hero,.portal-card--login .portal-alert,.portal-card--login form,.portal-card--login .portal-form__resend,.portal-card--login>.portal-card__body>.portal-btn{width:100%;max-width:420px}.portal-card--login .portal-hero{margin-bottom:1.5rem}.portal-card--login .portal-hero__title{letter-spacing:.04em;text-align:center}.portal-card--login .portal-form__grid{grid-template-columns:1fr;align-items:stretch}.portal-card--login .portal-form__links{justify-content:center}.portal-card--login form+.portal-btn{margin-top:1.75rem}.portal-card--login .portal-btn+.portal-btn{margin-top:1rem}.portal-card--welcome{max-width:920px}.portal-card__accent{height:4px;background:linear-gradient(90deg,var(--portal-primary),var(--portal-accent))}.portal-card__body{padding:2rem 1.75rem 1.75rem}.portal-hero{text-align:center;margin-bottom:1.5rem}.portal-hero__eyebrow{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--portal-muted)}.portal-hero__title{margin:0 0 .35rem;font-size:clamp(1.55rem,3vw,2rem);font-weight:800;line-height:1.15;color:var(--portal-text)}.portal-hero__subtitle{margin:0;font-size:.95rem;color:var(--portal-muted);line-height:1.5}.portal-alert{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1.25rem;padding:.85rem 1rem;border-radius:14px;border:1px solid #f3ccd3;background:#fdecef;color:#8f2a38;font-size:.9rem}.portal-alert__icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffffa6}.portal-alert--success{border-color:#b8dfd4;background:#e8f7f2;color:#1f5f52}.portal-alert--success .portal-alert__icon{background:#ffffffbf;color:#1a8a6a}.portal-form__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;align-items:end}.portal-form__grid--single{grid-template-columns:1fr}.portal-field{margin-bottom:0}.portal-field__label{display:block;margin-bottom:.35rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--portal-muted)}.portal-field__control-wrap{position:relative}.portal-field__icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);z-index:2;color:var(--portal-primary);font-size:.85rem;pointer-events:none}.portal-field__control{width:100%;min-height:48px;padding:.65rem .85rem .65rem 2.35rem;border:1px solid var(--portal-border);border-radius:12px;background:#fff;color:var(--portal-text);font-size:.92rem;transition:border-color .18s ease,box-shadow .18s ease}.portal-field__control:focus{outline:none;border-color:#b9dde2;box-shadow:0 0 0 3px #14656d1f}.portal-field__control--no-icon{padding-left:.85rem}.portal-field__control-wrap .portal-field__control{padding-right:2.75rem}.portal-field__control--code{letter-spacing:.35em;text-align:center;font-size:1.15rem;font-weight:700;padding-left:2.35rem}.portal-field__toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);width:34px;height:34px;border:none;border-radius:10px;background:transparent;color:var(--portal-primary);cursor:pointer}.portal-field__toggle:hover{background:#eef7f8}select.portal-field__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2314656d' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2rem}.portal-field--username{min-height:78px;transition:opacity .18s ease}.portal-form__links{display:flex;justify-content:flex-end;margin:.75rem 0 1rem}.portal-form__links a{font-size:.82rem;font-weight:600;color:var(--portal-primary);text-decoration:none}.portal-form__links a:hover{color:var(--portal-primary-dark);text-decoration:underline}.portal-form__resend{width:100%;margin:.85rem 0 1rem;text-align:center}.portal-link-btn{border:none;background:transparent;padding:0;color:var(--portal-primary);font-size:.84rem;font-weight:600;cursor:pointer}.portal-link-btn:hover{color:var(--portal-primary-dark);text-decoration:underline}.portal-form__hint{display:flex;align-items:flex-start;gap:.45rem;margin:.85rem 0 1rem;padding:.75rem .9rem;border-radius:12px;border:1px solid #d4e8ea;background:#f3fafa;color:var(--portal-muted);font-size:.82rem;line-height:1.45}.portal-form__hint i{color:var(--portal-primary);margin-top:.1rem}.portal-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;padding:.65rem 1.15rem;border:none;border-radius:12px;font-size:.88rem;font-weight:800;letter-spacing:.04em;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}.portal-btn--primary{background:linear-gradient(135deg,var(--portal-primary),var(--portal-accent));color:#fff!important;box-shadow:0 8px 22px #14656d38}.portal-btn--secondary{background:linear-gradient(135deg,#fff,#f7fbfb);color:var(--portal-primary-dark)!important;border:1px solid #d4e8ea;box-shadow:0 4px 14px #14656d14}.portal-btn:hover{transform:translateY(-1px);color:inherit}.portal-btn--primary:hover{color:#fff!important;box-shadow:0 12px 26px #14656d47}.portal-btn--block{width:100%}.portal-btn+.portal-btn{margin-top:.75rem}.portal-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:.5rem}.portal-actions__item--wide{grid-column:1 / -1}.portal-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-height:118px;padding:1rem;border:1px solid var(--portal-border);border-radius:16px;background:linear-gradient(180deg,#fff,#f7fbfb);color:var(--portal-text)!important;text-decoration:none!important;box-shadow:0 8px 22px #14656d14;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.portal-action-card:hover{transform:translateY(-2px);border-color:#b9dde2;box-shadow:0 14px 30px #14656d24;color:var(--portal-text)!important}.portal-action-card__icon{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#e7f4f5;color:var(--portal-primary);font-size:1.15rem}.portal-action-card__title{font-size:.92rem;font-weight:700;text-align:center;line-height:1.25}@media(max-width:767.98px){.portal-card__body{padding:1.5rem 1.15rem 1.25rem}.portal-form__grid,.portal-actions{grid-template-columns:1fr}.portal-card--login .portal-hero,.portal-card--login .portal-alert,.portal-card--login form,.portal-card--login .portal-form__resend,.portal-card--login>.portal-card__body>.portal-btn{max-width:none}}
