:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#17202a;background:#f7f9fc}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh}.login-card{width:min(100% - 32px,430px);margin:12vh auto;padding:36px;background:#fff;border:1px solid #dfe7f1;border-radius:22px;box-shadow:0 22px 60px #163b641a}.eyebrow,.platform{margin:0;color:#185adb;font-size:12px;font-weight:800;letter-spacing:.12em}.login-card h1,header h1{margin:8px 0 10px;letter-spacing:-.04em}.login-card>p:not(.eyebrow),.intro,.create p,.empty{color:#64748b;line-height:1.5}form{display:grid;gap:14px;margin-top:24px}label{display:grid;gap:6px;font-size:14px;font-weight:700;color:#3b4b61}input{width:100%;padding:12px;border:1px solid #cbd8e7;border-radius:10px;font:inherit}button{border:0;border-radius:10px;padding:12px 15px;background:#185adb;color:#fff;font:inherit;font-weight:750;cursor:pointer}button:hover{background:#1047b4}button:focus-visible,input:focus-visible{outline:3px solid #8cbbff;outline-offset:2px}.notice{padding:11px 13px;background:#e9f2ff;border-radius:9px;color:#164586}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px max(20px,calc((100vw - 950px)/2));background:#fff;border-bottom:1px solid #dfe7f1}header>div:last-child{display:flex;align-items:center;gap:12px}.role{padding:7px 10px;background:#dff7ee;border-radius:99px;color:#176749;font-size:13px;font-weight:700}.quiet{background:transparent;color:#41556d}.quiet:hover{background:#eef3f8;color:#17202a}.content{width:min(100% - 32px,950px);margin:0 auto;padding:42px 0}.create{padding:24px;margin-bottom:22px;background:#fff;border:1px solid #dfe7f1;border-radius:17px}.create h2{margin:0}.create p{margin:5px 0 0}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card,.empty{padding:23px;background:#fff;border:1px solid #dfe7f1;border-radius:17px}.card h2{margin:5px 0 16px;letter-spacing:-.03em}.key{padding:11px;background:#f3f6fa;border-radius:9px;color:#71839a;font:13px ui-monospace,monospace}.card button{width:100%}.empty{grid-column:1/-1;text-align:center}@media(max-width:620px){header{align-items:flex-start;padding:20px}.content{padding-top:30px}.cards{grid-template-columns:1fr}.role{display:none}.login-card{margin:7vh auto}}