app-auth-layout{background:var(--bg-page);--text-secondary:#6e6e7a;min-height:100dvh;display:block}[data-theme=dark] app-auth-layout{--text-secondary:#9a9aa8}@media (prefers-color-scheme:dark){html:not([data-theme=light]) app-auth-layout{--text-secondary:#9a9aa8}}app-auth-layout .auth{background:radial-gradient(circle at 12% 18%, rgba(var(--primary-rgb), .08), transparent 42%),radial-gradient(circle at 88% 82%, rgba(var(--primary-rgb), .05), transparent 38%),linear-gradient(180deg, var(--bg-card) 0%, var(--bg-page) 100%);min-height:100dvh}app-auth-layout .auth__container{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2vh,24px);width:min(1220px,100% - clamp(24px,4vw,56px));min-height:100dvh;margin:0 auto;padding:clamp(14px,2.4vh,28px) 0 clamp(10px,1.8vh,20px);display:grid}app-auth-layout .auth__header{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}app-auth-layout .brand__head{align-items:center;gap:10px;min-width:0;display:flex}app-auth-layout .brand__mark{object-fit:contain;flex-shrink:0;width:34px;height:34px}app-auth-layout .brand__name{font-size:var(--font-lg);letter-spacing:-.3px;color:var(--text-primary);font-weight:800}app-auth-layout .brand__badge{border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary);font-size:var(--font-xs);padding:2px 10px;font-weight:700}app-auth-layout .auth__tools{border-radius:var(--radius-full);background:color-mix(in srgb, var(--bg-card) 90%, var(--primary-light));border:1px solid rgba(var(--primary-rgb), .12);align-items:center;gap:6px;padding:4px 8px;display:inline-flex;box-shadow:0 2px 8px #00000008}app-auth-layout .auth__tools-sep{background:var(--border-color);opacity:.6;width:1px;height:14px}app-auth-layout .auth__main{grid-template-columns:minmax(0,1.1fr) minmax(420px,460px);justify-content:center;align-items:center;gap:clamp(40px,5.5vw,84px);min-height:0;display:grid}app-auth-layout .auth--wide .auth__main{grid-template-columns:minmax(0,1fr) minmax(460px,500px);gap:clamp(36px,4.5vw,72px)}app-auth-layout .brand{flex-direction:column;justify-content:center;min-width:0;display:flex}app-auth-layout .brand__body{width:100%;max-width:580px}app-auth-layout .brand__title{letter-spacing:-.6px;max-width:20ch;color:var(--text-primary);font-size:clamp(26px,2.8vw,38px);font-weight:800;line-height:1.12}app-auth-layout .brand__lead{max-width:52ch;font-size:var(--font-base);color:var(--text-secondary);margin-top:clamp(8px,1.2vh,12px);line-height:1.5}app-auth-layout .panel-side{justify-content:flex-end;min-width:0;display:flex}app-auth-layout .form-card{border:1px solid rgba(var(--primary-rgb), .12);background:color-mix(in srgb, var(--bg-card) 96%, var(--primary-light));border-radius:20px;width:100%;max-width:460px;padding:clamp(22px,2.8vw,32px);box-shadow:0 16px 44px #14142814}app-auth-layout .auth--wide .form-card{max-width:500px}@supports not (background:color-mix(in srgb, white, black)){app-auth-layout .form-card{background:var(--bg-card)}}app-auth-layout .auth__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}app-auth-layout .brand__foot{font-size:var(--font-xs);color:var(--text-muted)}app-auth-layout .auth__footer-links{font-size:var(--font-xs);align-items:center;gap:8px;display:flex}app-auth-layout .auth__footer-link{color:var(--text-secondary);text-decoration:none;transition:color .15s}app-auth-layout .auth__footer-link:hover{color:var(--primary)}app-auth-layout .auth__footer-sep{color:var(--text-muted);-webkit-user-select:none;user-select:none}@media (max-height:850px) and (min-width:901px){app-auth-layout .auth__container{gap:10px;padding:10px 0}app-auth-layout .auth__main{gap:clamp(28px,3.5vw,52px)}app-auth-layout .brand__title{font-size:clamp(23px,2.2vw,30px)}app-auth-layout .brand__lead{font-size:var(--font-sm);margin-top:6px;line-height:1.4}app-auth-layout .form-card{border-radius:18px;padding:18px 24px}}@media (max-width:1199px) and (min-width:901px){app-auth-layout .auth__container{width:min(1060px,100% - 36px)}app-auth-layout .auth__main{grid-template-columns:minmax(0,1fr) minmax(400px,440px);gap:clamp(28px,3.5vw,48px)}app-auth-layout .auth--wide .auth__main{grid-template-columns:minmax(0,1fr) minmax(440px,480px)}app-auth-layout .brand__title{font-size:clamp(24px,2.5vw,32px)}}@media (max-width:900px){app-auth-layout .auth__container{grid-template-rows:auto auto auto;gap:18px;width:min(540px,100% - 28px);padding:14px 0 18px}app-auth-layout .auth__main,app-auth-layout .auth--wide .auth__main{grid-template-columns:minmax(0,1fr);gap:20px}app-auth-layout .panel-side{order:1;justify-content:center}app-auth-layout .brand{order:2}app-auth-layout .brand__body{max-width:none}app-auth-layout .brand__title{max-width:none;font-size:clamp(22px,3.6vw,26px)}app-auth-layout .brand__lead{max-width:none;font-size:var(--font-sm)}app-auth-layout .form-card,app-auth-layout .auth--wide .form-card{max-width:500px}app-auth-layout .brand__foot{text-align:center}}@media (max-width:600px){app-auth-layout .auth__container{gap:14px;width:calc(100% - 24px);padding:10px 0 16px}app-auth-layout .brand__mark{width:30px;height:30px}app-auth-layout .brand__name{font-size:var(--font-md)}app-auth-layout .brand__badge{display:none}app-auth-layout .form-card,app-auth-layout .auth--wide .form-card{border-radius:16px;width:100%;max-width:100%;padding:18px 16px}}@media (max-width:380px){app-auth-layout .auth__container{width:calc(100% - 16px)}app-auth-layout .auth__header{gap:8px}app-auth-layout .form-card{padding:16px 12px}}
app-auth-welcome-panel{display:block}app-auth-welcome-panel .welcome-panel{margin-top:clamp(8px,1.4vh,16px)}app-auth-welcome-panel .welcome-panel__social{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-card) 78%, var(--primary-light));border:1px solid rgba(var(--primary-rgb), .08);flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:clamp(10px,1.4vh,14px);padding:6px 12px;animation:.45s 80ms both app-auth-welcome-panel__welcome-rise;display:inline-flex}app-auth-welcome-panel .welcome-panel__features{flex-direction:column;gap:7px;display:flex}app-auth-welcome-panel .welcome-panel__feature{min-width:0;animation:.4s both app-auth-welcome-panel__welcome-rise;animation-delay:calc(var(--i,0)*70ms + .12s)}@keyframes app-auth-welcome-panel__welcome-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){app-auth-welcome-panel .welcome-panel__social,app-auth-welcome-panel .welcome-panel__feature{animation:none}}@media (max-height:850px) and (min-width:901px){app-auth-welcome-panel .welcome-panel{margin-top:6px}app-auth-welcome-panel .welcome-panel__social{gap:8px 12px;margin-bottom:6px;padding:5px 10px}app-auth-welcome-panel .welcome-panel__features{gap:5px}}@media (max-width:900px){app-auth-welcome-panel .welcome-panel{margin-top:10px}app-auth-welcome-panel .welcome-panel__social{width:100%;margin-bottom:10px;display:flex}app-auth-welcome-panel .welcome-panel__features{gap:7px}}
app-auth-feature-card{display:block}app-auth-feature-card .auth-feature-card{border:1px solid rgba(var(--primary-rgb), .1);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-card) 96%, var(--primary-light));transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}app-auth-feature-card .auth-feature-card:hover{background:rgba(var(--primary-rgb), .03);border-color:rgba(var(--primary-rgb), .3);box-shadow:0 4px 16px rgba(var(--primary-rgb), .06)}@supports not (background:color-mix(in srgb, white, black)){app-auth-feature-card .auth-feature-card{background:var(--bg-card)}}app-auth-feature-card .auth-feature-card__trigger{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 12px;font-family:inherit;display:flex}app-auth-feature-card .auth-feature-card__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-md)}app-auth-feature-card .auth-feature-card__icon{width:34px;height:34px;transition:transform var(--transition-fast);border-radius:10px;flex-shrink:0;place-items:center;display:grid}app-auth-feature-card .auth-feature-card__icon app-icon{width:17px;height:17px}app-auth-feature-card .auth-feature-card__icon.tone-pink{color:#f43f5e;background:#f43f5e1f}app-auth-feature-card .auth-feature-card__icon.tone-blue{color:#3b82f6;background:#3b82f61f}app-auth-feature-card .auth-feature-card__icon.tone-green{color:#10b981;background:#10b9811f}app-auth-feature-card .auth-feature-card__icon.tone-orange{color:#f97316;background:#f973161f}.auth-feature-card:hover app-auth-feature-card .auth-feature-card__icon{transform:scale(1.06)rotate(-3deg)}app-auth-feature-card .auth-feature-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}app-auth-feature-card .auth-feature-card__title{color:var(--text-primary);font-size:13px;font-weight:700}app-auth-feature-card .auth-feature-card__desc{color:var(--text-secondary);font-size:12px;line-height:1.35}app-auth-feature-card .auth-feature-card__chevron{width:18px;height:18px;color:var(--text-muted);transition:transform var(--transition-base);flex-shrink:0;place-items:center;display:grid}app-auth-feature-card .auth-feature-card__chevron app-icon{width:15px;height:15px}.is-expanded app-auth-feature-card .auth-feature-card__chevron{transform:rotate(180deg)}app-auth-feature-card .auth-feature-card__panel{transition:grid-template-rows var(--transition-base);grid-template-rows:0fr;padding:0 12px;display:grid}.is-expanded app-auth-feature-card .auth-feature-card__panel{grid-template-rows:1fr;padding-bottom:10px}app-auth-feature-card .auth-feature-card__panel-inner{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){app-auth-feature-card .auth-feature-card,app-auth-feature-card .auth-feature-card__icon,app-auth-feature-card .auth-feature-card__chevron,app-auth-feature-card .auth-feature-card__panel{transition:none}app-auth-feature-card .auth-feature-card:hover,.auth-feature-card:hover app-auth-feature-card .auth-feature-card__icon{transform:none}}@media (max-height:850px) and (min-width:901px){app-auth-feature-card .auth-feature-card__trigger{gap:10px;min-height:48px;padding:6px 10px}app-auth-feature-card .auth-feature-card__icon{width:30px;height:30px}app-auth-feature-card .auth-feature-card__icon app-icon{width:15px;height:15px}app-auth-feature-card .auth-feature-card__title{font-size:12.5px}app-auth-feature-card .auth-feature-card__desc{font-size:11.5px;line-height:1.3}}@media (max-width:900px){app-auth-feature-card .auth-feature-card__trigger{min-height:50px;padding:8px 10px}}