.reference-login{min-height:100dvh;display:grid;place-items:center;overflow:hidden;position:relative;padding:24px;background:var(--bg-primary);color:var(--text-primary)}.reference-card{position:relative;z-index:2;width:min(100%,420px);padding:40px 32px 32px;background:var(--bg-card);border:0;border-radius:var(--r-card);box-shadow:var(--shadow-lg);text-align:center}.reference-icon{width:88px;height:88px;margin:0 auto 20px;object-fit:contain;border-radius:var(--r-xxl)}.reference-card h1{margin:0;font-size:var(--fs-title);font-weight:800;letter-spacing:-.7px;color:var(--text-primary)}.reference-subtitle{margin:8px 0 24px;color:var(--text-secondary);line-height:1.45;font-size:var(--fs-sm)}.reference-card form{display:grid;grid-gap:12px;gap:12px;text-align:left}.reference-input{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-radius:var(--r-xxl);background:var(--bg-input);color:var(--text-secondary);border:1px solid transparent;transition:border-color .2s,box-shadow .2s}.reference-input:focus-within{border-color:var(--active);box-shadow:0 0 0 3px var(--ring)}.reference-input>svg{flex-shrink:0;color:var(--text-muted)}.reference-input input{min-width:0;flex:1 1;border:0;outline:0;background:transparent;color:var(--text-primary);font-size:var(--fs-md);font-weight:500}.reference-input input:focus-visible{outline:0}.reference-input input::placeholder{color:var(--text-muted)}.reference-input button{border:0;background:none;color:var(--text-muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);margin:-4px -8px -4px 2px;flex-shrink:0}.reference-input button:hover{color:var(--text-primary)}.forgot-link{justify-self:end;margin:0 2px 4px;padding:0;border:0;background:none;cursor:pointer;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline;color:var(--text-primary)}.reference-submit{height:54px;border:0;border-radius:var(--r-card);background:var(--active);color:var(--on-active);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.1px;box-shadow:var(--shadow-active);transition:transform .1s,opacity .15s,background .15s}.reference-submit:hover{background:var(--active-deep)}.reference-submit:active{opacity:.88;transform:scale(.985)}.reference-submit:disabled{opacity:.55;cursor:wait}.text-link{padding:0;border:0;background:none;cursor:pointer;color:var(--text-primary);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}.reset-back-button{width:100%}.reset-link-button{display:flex;align-items:center;justify-content:center;margin-top:4px;text-decoration:none}.reference-subtitle strong{color:var(--text-primary);font-weight:600;word-break:break-all}.reset-hint{margin:0 2px;color:var(--text-muted);font-size:var(--fs-xs)}.reference-card .notice{text-align:left;margin:4px 0 0}.login-foot{margin-top:20px;font-weight:500}.login-foot,.or-divider{color:var(--text-muted);font-size:var(--fs-xs)}.or-divider{display:flex;align-items:center;gap:10px;margin:20px 0 16px}.or-divider:after,.or-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.social-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.social-row button{height:52px;border:1px solid var(--border);border-radius:var(--r-xxl);background:var(--bg-card);color:var(--text-primary);font-weight:800;font-size:var(--fs-lg)}.social-row button:disabled{cursor:not-allowed;opacity:.85}@media(max-width:560px){.reference-login{padding:16px}.reference-card{padding:32px 20px 24px}}