.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 36px 30px;background:var(--bg-card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-lg);text-align:center}.reference-icon{width:96px;height:96px;margin:0 auto 20px;object-fit:contain}.reference-card h1{margin:0;font-size:25px;letter-spacing:-.045em;color:var(--text-primary)}.reference-subtitle{margin:7px 0 25px;color:var(--text-secondary);line-height:1.45;font-size:14px}.reference-card form{display:grid;grid-gap:10px;gap:10px;text-align:left}.reference-input{display:flex;align-items:center;gap:9px;height:40px;padding:0 12px;border-radius:10px;background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border);transition:border-color .2s}.reference-input:focus-within{outline:2px solid var(--ring);border-color:var(--accent)}.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:13px}.reference-input input::placeholder{color:var(--text-muted)}.reference-input button{border:0;background:none;color:var(--text-muted);font-size:15px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;margin:-4px -6px -4px 2px;flex-shrink:0}.reference-input button:hover{color:var(--text-primary)}.forgot-link{align-self:end;margin:0 2px 3px;color:var(--text-secondary);font-size:12px;text-decoration:none}.forgot-link:hover{text-decoration:underline;color:var(--text-primary)}.reference-submit{height:40px;border:0;border-radius:10px;background:linear-gradient(180deg,var(--accent),var(--accent-hover));color:white;font-size:14px;font-weight:700;box-shadow:0 5px 10px var(--accent-border);transition:transform .2s,box-shadow .2s}.reference-submit:hover{transform:translateY(-1px);box-shadow:0 8px 16px var(--accent-border)}.reference-submit:active{transform:translateY(1px)}.reference-submit:disabled{opacity:.65;cursor:wait}.reference-card .notice{text-align:left;margin:3px 0 0;color:var(--red)}.or-divider{display:flex;align-items:center;gap:10px;margin:21px 0 16px;color:var(--text-muted);font-size:11px}.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:40px;border:1px solid var(--border);border-radius:10px;background:var(--bg-input);color:var(--text-primary);font-weight:800;font-size:17px}.social-row button:disabled{cursor:not-allowed;opacity:.85}@media(max-width:560px){.reference-login{padding:18px}.reference-card{padding:32px 24px 25px}}